Sebuah paragraf, dilambangkan menggunakan tag <p>.
Penguasa horizontal, dilambangkan menggunakan tag <hr>.
Tautan, dilambangkan menggunakan tag <a> (anchor).
Daftar, dinotasikan menggunakan <ul> (daftar tidak berurut), <ol> (daftar urutan) dan tag <li> (elemen daftar).
Gambar, dilambangkan menggunakan tag <img>
Pembagi, dilambangkan menggunakan tag <div>
Rentang teks, dilambangkan menggunakan tag <span>
Beberapa halaman berikutnya akan memberikan gambaran umum tentang elemen HTML dasar ini.
Setiap elemen juga dapat memiliki atribut - setiap elemen memiliki kumpulan atribut yang berbeda yang relevan dengan elemen. Ada beberapa elemen global, yang paling umum adalah:
id - Menunjukkan ID unik dari suatu elemen di halaman. Digunakan untuk mencari elemen dengan menggunakan tautan, JavaScript, dan lainnya.
kelas - Menandakan kelas CSS dari suatu elemen. Dijelaskan dalam tutorial Dasar-Dasar CSS.
gaya - Menunjukkan gaya CSS untuk diterapkan ke elemen. Dijelaskan dalam tutorial Dasar-Dasar CSS.
atribut data-x - Awalan umum untuk atribut yang menyimpan informasi mentah untuk tujuan terprogram. Dijelaskan secara rinci di bagian Data Attributes.
Header teks dan paragraf
Ada enam jenis tajuk teks yang dapat Anda pilih, h1 menjadi tajuk paling atas dengan teks terbesar, dan h6 merupakan tajuk paling dalam dengan teks terkecil. Secara umum, Anda seharusnya hanya memiliki satu tag h1 dengan halaman, karena itu harus menjadi deskripsi utama dari halaman HTML.
Seperti yang telah kita lihat pada contoh terakhir, sebuah paragraf adalah blok teks yang dipisahkan dari sisa teks di sekitarnya.
Mari kita lihat contoh dari tag <h1>, <h2> dan <p> dalam aksi:
<html>
<head>
</head>
<body>
<h1>Header</h1>
<p>Teks</p>
<h2>Header</h2>
<p>Teks</p>
</body>
</html>
Hasil :
<html>
<head>
</head>
<body>
<h1>Judul</h1>
<p>Isi Paragraf</p>
<hr/>
<p>footer</p>
</body>
</html>
Hasil :
| HTML - Overview | HTML - Marquees |
| HTML - Basic Tags | HTML - Header |
| HTML - Elements | HTML - Style Sheet |
| HTML - Attributes | HTML - Javascript |
| HTML - Formatting | HTML - Layouts |
| HTML - Phrase Tags | HTML - Tags Reference |
| HTML - Meta Tags | HTML - Attributes Reference |
| HTML - Comments | HTML - Events Reference |
| HTML - Images | HTML - Fonts Reference |
| HTML - Tables | HTML - ASCII Codes |
| HTML - Lists | HTML - Color Names |
| HTML - Text Links | HTML - Entities |
| HTML - Image Links | HTML - Fonts Ref |
| HTML - Email Links | HTML - Events Ref |
| HTML - Frames | HTML - URL Encoding |
| HTML - Iframes | HTML - Character Encodings |
| HTML - Blocks | HTML - Deprecated Tags |
| HTML - Backgrounds | HTML - Quick Guide |
| HTML - Colors | HTML - Useful Resources |
| HTML - Fonts | HTML - Color Code Builder |
| HTML - Forms | HTML - Discussion |
| HTML - Embed Multimedia | HTML - Online Editor |
No comments:
Post a Comment