materi kait - tag,atribut dan value
TRANSCRIPT
<TAG, ATRIBUT, VALUE #1>
FAKULTAS TEKNIK DAN ILMU KOMPUTERJURUSAN SISTEM INFORMASIUNIVERSITAS KOMPUTER INDONESIA
HTML Sederhana
FAKULTAS TEKNIK DAN ILMU KOMPUTERJURUSAN SISTEM INFORMASIUNIVERSITAS KOMPUTER INDONESIA
Menampilkan HTML Sederhana
Menambahkan isi pada body
FAKULTAS TEKNIK DAN ILMU KOMPUTERJURUSAN SISTEM INFORMASIUNIVERSITAS KOMPUTER INDONESIA
Menampilkan isi pada bagian body Isi dalam dokumen HTML ditempatkan diantara <body> ... </body>
Element Teks
FAKULTAS TEKNIK DAN ILMU KOMPUTERJURUSAN SISTEM INFORMASIUNIVERSITAS KOMPUTER INDONESIA
Terdapat beberapa elemen yang digunakan dalam menampilkan informasi berupa teks dalam HTML, yaitu:– PARAGRAPH– BLACKQUOTE– DIVIDER
Align Pada Paragraph
FAKULTAS TEKNIK DAN ILMU KOMPUTERJURUSAN SISTEM INFORMASIUNIVERSITAS KOMPUTER INDONESIA
Untuk pembuatan perataan paragraf menggunakan atribut ALIGN yang mempunyai value; right, center, left, dan justify.
Perbedaan Paragraf dan Line Break
FAKULTAS TEKNIK DAN ILMU KOMPUTERJURUSAN SISTEM INFORMASIUNIVERSITAS KOMPUTER INDONESIA
Tag Paragraf - <p> ... </p> untuk menandai sekumpulan teks sebagai suatu paragraf.
Tag Line Break - <br> untuk pindah ke baris baru. Perbedaan Paragraf dan Line Break adalah tag <p> ... </p> memberikan
ruang spasi setiap kali ganti paragraf, sedangkan tag <br> tanpa ruang spasi setiap kali ganti baris.
Penggunaan Preformatted Text
FAKULTAS TEKNIK DAN ILMU KOMPUTERJURUSAN SISTEM INFORMASIUNIVERSITAS KOMPUTER INDONESIA
Pada tag paragraf, penekanan tombol ENTER, Tab, Spasi tidak memberikan pengaruh pada web page yang dibuat. Tag <pre> ... </pre> membuat teks yang berada di dalam tag <pre> akan mengikuti sesuai dengan pengetikan yang kita lakukan.
Penggunaan Preformatted Text
FAKULTAS TEKNIK DAN ILMU KOMPUTERJURUSAN SISTEM INFORMASIUNIVERSITAS KOMPUTER INDONESIA
Blockquote
FAKULTAS TEKNIK DAN ILMU KOMPUTERJURUSAN SISTEM INFORMASIUNIVERSITAS KOMPUTER INDONESIA
Tag <blockquote> ... </blockquote> merupakan tag untuk tulisan yang menjorok ke dalam dari batas tepi kiri dan tepi kanan area posting. Tujuannya untuk mempertegas isi tulisan ataupun teks yang dianggap penting.
Blockquote
FAKULTAS TEKNIK DAN ILMU KOMPUTERJURUSAN SISTEM INFORMASIUNIVERSITAS KOMPUTER INDONESIA
Divider
FAKULTAS TEKNIK DAN ILMU KOMPUTERJURUSAN SISTEM INFORMASIUNIVERSITAS KOMPUTER INDONESIA
Tag <div> ... </div> merupakan elemen yang digunakan untuk membagi-bagi dokumen HTML dalam suatu hierarki yang terstruktur. Untuk perataannya menggunakan atribut ALIGN yang mempunyai value; right, center, left, dan justify.
Divider
FAKULTAS TEKNIK DAN ILMU KOMPUTERJURUSAN SISTEM INFORMASIUNIVERSITAS KOMPUTER INDONESIA
Mengganti Warna Teks
FAKULTAS TEKNIK DAN ILMU KOMPUTERJURUSAN SISTEM INFORMASIUNIVERSITAS KOMPUTER INDONESIA
Menggunakan Tag <font> ... </font> dengan atribut COLOR.
Karakter Pada Teks
FAKULTAS TEKNIK DAN ILMU KOMPUTERJURUSAN SISTEM INFORMASIUNIVERSITAS KOMPUTER INDONESIA
Beberapa bentuk efek karakter fisik, diantaranya huruf dengan cetak tebal, miring, dan garis bawah.
Ukuran Font
FAKULTAS TEKNIK DAN ILMU KOMPUTERJURUSAN SISTEM INFORMASIUNIVERSITAS KOMPUTER INDONESIA
Menentukan ukuran suatu teks dengan penggunaan tag <font> ... </font> dan menyediakan atribut SIZE yang mempunyai nilai 1-7.
Heading
FAKULTAS TEKNIK DAN ILMU KOMPUTERJURUSAN SISTEM INFORMASIUNIVERSITAS KOMPUTER INDONESIA
Heading adalah sekumpulan kata atau file frase yang menjadi judul atau subjudul dalam dokumen HTML.
Penekanan Kalimat
FAKULTAS TEKNIK DAN ILMU KOMPUTERJURUSAN SISTEM INFORMASIUNIVERSITAS KOMPUTER INDONESIA
Memberi penekanan pada karakter, huruf, atau kalimat tertentu, selain menggunakan penekanan cetak tebal atau miring. Penekanan tersebut berupa tah <em> ... </em> dan <strong> ... </strong>
Menempatkan Kutipan
FAKULTAS TEKNIK DAN ILMU KOMPUTERJURUSAN SISTEM INFORMASIUNIVERSITAS KOMPUTER INDONESIA
Untuk menempatkan suatu kutipan dari sumber lain di dokumen, diperlukan penggunaan tag <cite> ... </cite>.
Mengganti Warna Latar
FAKULTAS TEKNIK DAN ILMU KOMPUTERJURUSAN SISTEM INFORMASIUNIVERSITAS KOMPUTER INDONESIA
Mengganti warna latar dapat menggunakan hex code. Cara penulisannya dimulai dengan karakter # kemudian diikuti kombinasi RGB (red, green, blue) dengan intensitas setiap warna berupa hex 2 karakter.
Mengganti Warna Latar
FAKULTAS TEKNIK DAN ILMU KOMPUTERJURUSAN SISTEM INFORMASIUNIVERSITAS KOMPUTER INDONESIA
Mengganti Gambar Latar
FAKULTAS TEKNIK DAN ILMU KOMPUTERJURUSAN SISTEM INFORMASIUNIVERSITAS KOMPUTER INDONESIA
<TERIMA KASIH>
FAKULTAS TEKNIK DAN ILMU KOMPUTERJURUSAN SISTEM INFORMASIUNIVERSITAS KOMPUTER INDONESIA