13.27
alie
Mengatur teks dalam pembuatan web itu sangat penting karena jenis font, ketebalan font dan ukuran font sangat berpengaruh pada keindahan web, jadi mengatur teks sangat di butuhkan, dibawah ini adalah contoh kode mengatur teks HTML.
| MENGATUR TEKS | ||
| Mengatur teks secara fisik | ||
| 1 | <b>......</b> | Teks tebal |
| 2 | <big>......</big> | Lebih besar dari ukuran normal |
| 3 | <i>.......</i> | Teks miring |
| 4 | <small>.....</small> | Lebih kecil dari ukuran normal |
| 5 | <sub>.....</sub> | Sebagai subskrip |
| 6 | <sup>.....</sup> | Sebagai superskrip |
| 7 | <tt>.....</tt> | Seperti mesin ketik |
| 8 | <u>.....</u> | Garis bawah |
| MENGATUR TEKS | ||||
| Mengatur teks secara logis | ||||
| 1 | <cite>.....</cite> | Menyatakan teks adalah kutipan | ||
| 2 | <code>.....</code> | Menyatakan bahwa teks adalah kode atau program komputer. | ||
| 3 | <em>.....</em> | Penekanan pada teks, teks ditampilkan miring | ||
| 4 | <kbd>.....</kbd> | Teks masukan dari keyboard, umumnya ( font monospasi ) | ||
| 5 | <samp>.....</samp> | Suatu konstanta sederetan karakter ( font monospasi ) | ||
| 6 | <strong>.....</strong> | Sangat penting diperhatikan orang, biasanya ditebalkan. | ||
| 7 | <var>.....</var> | Teks adalah variabel atau ekspresi matematika atau program komputer. ( miring) | ||
| Teks Praformat (megatur teks agar rata seperti daftar isi) | ||||
| 1 | <pre>....</pre> | Menampilkan tulisan sesuai aslinya. | ||
| Mengatur kutipan yang panjang | ||||
| 1 | <blockquote>......</blockquote> | Kutipan diletakkan sedikit menjorok kekanan. | ||
| Penggunaan singkatan | ||||
| 1 | <acronym title = “Tentara Nasional Indonesia”>TNI</acronym> | Maka dalam browser muncul TNI bila kursor diletakkan ke TNI maka kepanjangan akan dilihatkan. | ||
| Mengatur teks yang dihapus dan disisipkan | ||||
| 1 | <del>.....</del> <ins>.....</ins> | <Del> teks di coret sedangkan <ins> teks digaris bawahi | ||
| Menyeragamkan alamat | ||||
| 1 | <address>....</address> | Menandai alamat | ||
| Mengatur font | ||||
| 1 | <font>....</font> | Berguna untuk mengatur jenis, ukuran, maupun warna font. Lebih baik dilakukan dengan menggunakan CSS | ||
| 2 | <font face = “Arial”>.....</font> | Menampilkan font arial | ||
| 3 | <font size = “1”>.....</font> | Menampilkan dengan ukuran sebesar 1 | ||
| 4 | <font color = “aqua”>.....</font> | Menampilkan dengan warna aqua | ||
| 5 | <body bgcolor = “black” text = “gray”> .......... </body> | Latar belakang hitam dan teks yang tidak diatur melalui tag <font> akan berwarna abu-abu. | ||
| Entitas karakter dan numerik | ||||
| 1 | < (<); < (>); dll <HTML> | Membuat simbol <HTML> | ||
| Menampilkan Daftar Item (List) | ||||
| Daftar Item Tanpa Nomor Urut | ||||
| 1 | <ul> <li> </ul> | Agar setiap item diberi tanda bulatan | ||
| 2 | <li type = “circle”> <li type = “disc”> <li type = “square”> | Penentuan bentuk bulet pada atribut | ||
| Daftar Item Dengan Nomor Urut | ||||
| 1 | <ol> <li> </ol> | Pemberian nomor secara otomatis | ||
| 2 | <ol type = “A”> <ol type = “a”> <ol type = “I”> <ol type = “i”> <ol type = “1”> | Huruf awal yang digunakan dalam item dapat anda tentukan sendiri. | ||
| 3 | <ol type = “A” start = “4”> | Maka akan start ke huruf D | ||
| 4 | <li value = “1”> <li value = “5”> | Menyertakan VALUE pada <li> untuk menentukan nomor urut secara bebas. | ||
| Daftar definisi | ||||
| 1 | <dl> <dt>.....</dt> <dd>.....</dd> <dt>.....</dt> <dd>.....</dd> </dl> | Daftar ini menyediakan tampilan dengan format mirip kamus, dengan definisi suatu istilah diletakkan agak menjorok kekanan. | ||
| Tag Dir | ||||
| 1 | <dir> <li> </dir> | Merupakan daftar tak bernomor yang digunakan untuk menangani direktori. | ||
| Tag Menu | ||||
| 1 | <menu> <li> </menu> | Sebenarnya juga termasuk daftar tak bernomor, umumnya digunakan untuk menangani menu. | ||
Posted in: HTML
0 komentar:
Posting Komentar