HTML Dasar

<TAG, ATRIBUT, VALUE #1>
FAKULTAS TEKNIK DAN ILMU KOMPUTER
JURUSAN SISTEM INFORMASI
UNIVERSITAS KOMPUTER INDONESIA

HTML Sederhana
 Menampilkan HTML Sederhana

Menambahkan isi pada body
 Menampilkan isi pada bagian body
 Isi dalam dokumen HTML ditempatkan diantara <body> ... </body>

Element Teks
 Terdapat beberapa elemen yang digunakan dalam menampilkan informasi
berupa teks dalam HTML, yaitu:
– PARAGRAPH
– BLACKQUOTE
– DIVIDER

Align Pada Paragraph
 Untuk pembuatan perataan paragraf menggunakan atribut ALIGN yang
mempunyai value; right, center, left, dan justify.

Perbedaan Paragraf dan Line Break
 Tag Paragraf - ... untuk menandai sekumpulan teks sebagai suatu
paragraf.
 Tag Line Break - untuk pindah ke baris baru.
 Perbedaan Paragraf dan Line Break adalah tag ... memberikan
ruang spasi setiap kali ganti paragraf, sedangkan tag tanpa ruang
spasi setiap kali ganti baris.

Penggunaan Preformatted Text
 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

Blockquote
 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

Divider
 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

Mengganti Warna Teks
 Menggunakan Tag ... dengan atribut COLOR.

Karakter Pada Teks
 Beberapa bentuk efek karakter fisik, diantaranya huruf dengan cetak tebal,
miring, dan garis bawah.

Ukuran Font
 Menentukan ukuran suatu teks dengan penggunaan tag ... 
dan menyediakan atribut SIZE yang mempunyai nilai 1-7.

Heading
 Heading adalah sekumpulan kata atau file frase yang menjadi judul atau
subjudul dalam dokumen HTML.

Penekanan Kalimat
 Memberi penekanan pada karakter, huruf, atau kalimat tertentu, selain
menggunakan penekanan cetak tebal atau miring. Penekanan tersebut
berupa tah ... dan ...

Menempatkan Kutipan
 Untuk menempatkan suatu kutipan dari sumber lain di dokumen,
diperlukan penggunaan tag <cite> ... </cite>.

Mengganti Warna Latar
 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

Mengganti Gambar Latar

HTML Dasar

Recommended

Recommended

More Related Content

Similar to HTML Dasar

Similar to HTML Dasar (20)

Recently uploaded

Recently uploaded (20)

HTML Dasar