Presentasi sedang didownload. Silahkan tunggu

Presentasi sedang didownload. Silahkan tunggu

Dasar HTML Hypertext Markup Language Dasar HTML.

Presentasi serupa


Presentasi berjudul: "Dasar HTML Hypertext Markup Language Dasar HTML."— Transcript presentasi:

1 Dasar HTML Hypertext Markup Language Dasar HTML

2 Karakteristik HTML Plain Text Case Insensitif
Menggunakan kode tertentu yang disebut tag <kode> Teks yang diformat </kode> Dasar HTML

3 Dasar HTML Struktur Dokumen HTML Heading Paragraf BlockQuote
Preformatted Text Line Break Font Hyperlink Dasar HTML

4 Struktur Dokumen HTML Dokumen HTML dimulai dengan <HTML> ditutup </HTML> Secara umum isi dokumen HTML terdiri dari head dan body <HTML> </HTML> Klik untuk melihat struktur HTML <head> bagian kepala dokumen </head> <body bagian tubuh dokumen </body> Dasar HTML

5 <H1> .. Judul model 1 </H1>
Heading (Judul) Tag header : <H1> .. Judul model 1 </H1> <H2> .. Judul model 2 </H2> <H3> .. Judul model 3 </H3> Dst sampai dengan H6 Dasar HTML

6 Paragraf Menggunakan tag <P>
Pengaturan posisi menggunakan atribut align dengan value : left, center, dan right Dasar HTML

7 BlockQuote Menggunakan tag <blockquote>
Digunakan untuk menulis kutipan teks Efeknya tulisan lebih menjorok ke dalam (indentasi) Dasar HTML

8 Preformatted Text Menggunakan tag <PRE>
Menampilkan teks sama seperti dalam dokumen HTML Dasar HTML

9 Line Break Menggunakan tag <BR> Tanpa tag penutup
Untuk menuju ke baris berikutnya Dasar HTML

10 FONT Menggunakan tag <Font> Untuk mengatur huruf dokumen HTML
Atribut yang digunakan : Size  <font size =ukuran> .. </font> Face  <font face =“model”> .. </font> Color  <font color=warna> .. </font> Dasar HTML

11 Hyperlink <A HREF=“alamat_link"> teks ke link</A>
alamat_link = nama file html/gambar atau alamat internet Teks ke link = tulisan yang bergaris bawah menunjukkan link Klik untuk lihat hasil Demo sebenarnya Dasar HTML

12 Gambar sebagai link Pada prinsipnya gambar juga dapat dibuat linknya, yaitu memadukan antara <A HREF> dengan <IMG SRC> sbb : <A HREF=“link"> <IMG SRC=“gambar_kelink" BORDER=0> Klik Pada gambar Bolamp demo Dasar HTML


Download ppt "Dasar HTML Hypertext Markup Language Dasar HTML."

Presentasi serupa


Iklan oleh Google