Pada kesempatan kailiini saya akan share ilmu tentang heading dan paragraf heading adalah bagian dimana kita hanya memberikan informasi tentang isi dari content yang akan kita buat paragraf adalah bagian dari conten tersebut
HEADING
HTML
Heading
terdiri dari <h1> sampai
<h6> tag
1.
<h1> text
dengan ukuran tebesar di heading <h2>
lebih kecil sampai h6 lebih keci lagi
<h1>Heading
1</h1>
<h2>Heading
2</h2>
<h3>Heading
3</h3>
<h4>Heading
4</h4>
<h5>Heading
5</h5>
<h6>Heading
6</h6>
mesin
pencari seperti google menggunakan Heading untuk dijadikan
index/katakunci struktur dan content halaman web.
NB:
gunakan heading untuk membuat heading saja jangan gunakan untuk
membuat tulisan lebih besar/tebal
2.
<hr> horizon rules
mendafinisikan
break dan horizon rulers/garis horisontal
<h1>Ini
heading 1</h1>
<p>text
paragraf.</p>
<hr>
<h2>Heading
2</h2>
<p>Paragraf
2.</p>
<hr>
3.
<head>
tag
head untuk mendefinisikan head dari html biasanya bearisi
<title>
<meta> <style> dll
Rincian:
|
Tag
|
Description
|
|---|---|
|
mendefinisikan root document HTML
|
|
|
mendefinisikan body document HTML
|
|
|
container untuk head elementtitle, scripts,
styles, meta information, dll
|
|
|
mendefinisikan HTML headings
|
|
|
membuat garis horisontal
|
PARAGRAF
1.
<p> Paragraf
tag
<p> mendefinisikan paragraf
<p>ini
paragraf.</p>
<p>ini
paragraf lainya.</p>
browser
otomatis menganti baris untuk paragraf lainya karena <p>
mendefinisikan paragraf jika ganti paragraf otomatis ganti baris juga
tampilan
HTML
Dengan
HTML, Anda tidak dapat mengubah output dengan menambahkan spasi
ekstra atau baris ekstra dalam kode HTML Anda.
Browser
akan menghapus spasi ekstra dan garis ekstra saat halaman ditampilkan
2.
<br/> karena
<br> tidak memiliki penutup
maka kita hanya perlu nenambah “/” garis miring di dalam <br>
contoh <br/>
<p>
Paragraf
<p>
ini
paragraf
dengan
banyak baris
di
codingannya
tapi
browser
tidak
menampilkan barisnya
</p>
kalimat
diatasa hanya tampil dalam satubaris di browser untuk mengatasi
masalah ini kita bisa mengunakan <br>
(break/ganti baris)
<p>
ini
paragraf<br/>
dengan
banyak baris<br/>
di
codingannya<br/>
tapi
browser<br/>
tidak
menampilkan barisnya<br/>
</p>
3.
<pre>
pre-formated text
<pre>
pre adalah tag untuk menampilkan apa yag kita tulis sesuai dengan apa
yang di codinganya baik gantibaris maupun spasi
<pre>
ini
paragraf
dengan
banyak sepasi
di
codingannya
tapi
browser
tidak
menampilkan banyak sepasi
</pre>
maka
di browser akan tampil sepreti apa yang ditulis di dalam tag <pre>
|
Tag
|
Diskripsi
|
|---|---|
|
<p>
|
Menddefinisikan sebuah paragraf
|
|
<br>
|
Membuat break/gantibaris
|
|
<pre>
|
Mendefinisikan pre-formatted text/sebelum di
jadikan html
|
Semoga bermanfaat assalamu'alaium wrwb
Komentar
Posting Komentar