Tajuk HTML, Paragraf, Komentar, Daftar
Dalam pelajaran ini kita akan belajar tentang tag HTML yang paling penting untuk menulis artikel. Uji kode di bawah ini di Hello World Anda yang ada! program yang ditulis pada bab sebelumnya atau gunakan editor HTML online untuk mengeditnya secara real time.
Judul HTML
Gunakan pos untuk mengatur judul dan subjudul. Tandai dengan h1 judul utama pada halaman. Disarankan untuk hanya memiliki satu h1 pada halaman yang mirip dengan tag kepala <title> untuk menunjukkan kepada Google dan mesin pencari lainnya tentang halaman tersebut.< h1 > Contoh tajuk </ h1 >
Ada 6 ukuran tajuk yang berbeda, yang ditandai dengan 1 sebagai yang paling penting dalam hierarki.
< H1 > Heading 1 </ h1 > < h2 > Heading 2 </ h2 > < h3 > Heading 3 </ h3 > < h4 > Heading 4 </ h4 > < h5 > Heading 5 </ h5 > < h6 > Heading 6 </ h6 >
Untuk mengubah ukuran tajuk yang berbeda yang perlu Anda lakukan adalah mengubah h2 menjadi apa pun seperti h5. Judul beralih dari terbesar (h1) ke terkecil (h6). Judul juga bagus untuk digunakan ketika Anda ingin membuat sesuatu yang besar seperti judul halaman web Anda.
Hal lain yang dapat Anda lakukan dengan pos adalah sesuatu yang belum pernah kami lakukan sebelumnya. Anda dapat membuat teks terpusat atau ke sisi kanan layar.
< h3 style = " perataan teks: pusat;" > Lihat ini! </ h3 >
Line Breaks
Saat Anda membuat halaman web, Anda mungkin ingin membuat browser menuju ke baris baru. Jika Anda sudah mencoba, Anda mungkin melihat bahwa hanya menekan enter tidak berfungsi. Anda harus memasukkan tag untuk melakukannya untuk Anda.
Periksa < br /> ini < br /> keluar!
Seperti yang Anda lihat, tag br adalah salah satu dari beberapa tag yang tidak perlu Anda tutup. Jika perlu, Anda dapat menggunakan lebih dari satu tag sekaligus untuk memiliki ruang yang lebih besar.
Paragraf
Ada juga tag lain yang dapat Anda gunakan untuk membuat jeda baris. Ini disebut tag paragraf.
< p > Lihat </ p > < p > ini </ p > < p > keluar! </ p >
Tag p membuat jeda baris yang lebih besar daripada tag br. Tag paragraf biasanya digunakan saat Anda menulis paragraf. Di awal paragraf Anda akan memulai tag p dan pada akhirnya Anda akan mengakhirinya. Dengan cara itu akan membuat garis istirahat di awal dan akhir paragraf Anda.
Ada satu lagi penggunaan untuk tag p. Anda dapat menggunakannya untuk menyelaraskan hal-hal seperti tag heading.
< p style = "perataan teks: kiri;" > Periksa </ p > < p style = "text-align: center;" > ini </ p > < p style = "text-align: right;" > keluar! </ p >
Garis Horisontal
Saya tidak tahu apakah Anda telah memperhatikan, tetapi untuk memisahkan hal-hal yang berbeda dalam tutorial saya, saya menggunakan garis abu-abu yang disebut garis horizontal. Gunakan garis horizontal untuk membagi dokumen.
Yang harus Anda lakukan adalah memasukkan tag jam dan kemudian Anda akan memiliki garis horizontal pada halaman web Anda. Anda bahkan tidak perlu menutupnya.
Lihat < hr /> ini < hr /> keluar!
Anda dapat melakukan beberapa hal lagi dengan tag jam.
< jam lebar = "20%" > < jam lebar = "50%" > < jam lebar = "75%" >
Anda dapat menempatkan persen antara 0 - 100 di sana jika Anda mau.
Komentar HTML
Pernahkah Anda ingin memasukkan sesuatu ke dalam kode HTML Anda tetapi Anda tidak ingin orang lain melihatnya, seperti catatan untuk Anda sendiri? Anda bisa dengan komentar. Jika orang tersebut melihat kode sumber Anda, mereka dapat melihatnya, tetapi orang normal yang hanya melihat halaman web Anda tidak akan melihatnya.
<! - Ini adalah komentar! -> Periksa <! - Ini satu lagi! -> ini <! - Dan lagi! -> Keluar! <! - Jika Anda hanya melihat halaman ini Anda tidak dapat melihat ini! ->
Daftar
Daftar digunakan untuk navigasi situs web. Ini adalah cara membuat daftar yang mungkin terlihat seperti ini:
- Volkswagen
- Skoda
- Chevrolet
Ini daftar unordered pertama Anda !
< ul > < li > Volkswagen </ li > < li > Skoda </ li > < li > Chevrolet </ li > </ ul >
Sekarang saya akan menjelaskannya. The <ul> tag berarti bahwa itu adalah awal dari daftar unordered. The <li> tag mengatakan bahwa ini adalah item daftar. Anda dapat menambahkan tag <li> sebanyak yang Anda inginkan dalam daftar.
Alih-alih menggunakan disk untuk peluru Anda bisa menggunakan kotak.
< ul type = "square" > < li > Volkswagen </ li > < li > Skoda </ li > < li > Chevrolet </ li > </ ul >
Anda juga dapat menggunakan lingkaran yang tidak terisi.
< ul type = "circle" > < li > Volkswagen </ li > < li > Skoda </ li > < li > Chevrolet </ li > </ ul >
Akhirnya, jika Anda mau, Anda bisa menggunakan angka sebagai ganti peluru untuk daftar Anda, yang disebut daftar berurutan .
< ol > < li > Volkswagen </ li > < li > Skoda </ li > < li > Chevrolet </ li > </ ol >
0 komentar:
Posting Komentar