Post on 11-Aug-2020
Materi….
1. Dasar HTML
2. Struktur HTML
3. Meta
4. Properti halaman web
5. Font, Warna, Face, Heading, Color, Size, Bold, Italic, Underline, Efek Font, Karakter Khusus
6. Marquee
7. Perintah pengaturan paragrap
8. Garis horisontal
9. List (bullet/numbering)
10. Sound, video
11. Gambar
12. Link
13. Tabel
14. Frame
15. Upload
16. Dreamweaver
17. CSS
18. Programming (database single table) PHP (if, while), Table, SQL language, Form, String Koneksi, simpan, tampil data, edit, hapus, login
19. Combining with design
20. Upload
Penilaian
1. Presensi : 20%
2. Tugas : 20%
3. Ujian : 60%
NA =(20% x P) + (20% x T)+ (30% x UTS) + (30% x UAS)
DASAR DASAR HTML
By : Subianto, S.Kom
PENGERTIAN HTML
By : Subianto, S.Kom
DASAR DASAR HTML
By : Subianto, S.Kom
STRUKTUR HTML
By : Subianto, S.Kom
FILE HTML
By : Subianto, S.Kom
FILE HTML
By : Subianto, S.Kom
FILE HTML | Contoh
<!-- Ini Baris Komentar, tidak diproses-->
Bagian yang diapit tanda <!-- …..--> berupa komentar yang
tidak ditampilkan dalam web browser
<title>::. AMIK JTC-SMG</title>
Bagian yang muncul pada title bar web browser
By : Subianto, S.Kom
MEMANGGIL FILE HTML
By : Subianto, S.Kom
MEMANGGIL FILE HTML
By : Subianto, S.Kom
META TAG
By : Subianto, S.Kom
META TAG
By : Subianto, S.Kom
META TAG
By : Subianto, S.Kom
WEB PAGE PROPERTIES
By : Subianto, S.Kom
WARNA
#000000 #333300 #003366 #333399
#800000 #808000 #008080 #666699
#FF0000 #99CC00 #33CCCC #800080
#FF00FF #FFFF00 #00FFFF #993366
#FF99CC #FFFF99 #CCFFFF #CC99FF
#993300 #003300 #000080 #333333
#FF6600 #008000 #0000FF #808080
#FF9900 #339966 #3366FF #969696
#FFCC00 #00FF00 #00CCFF #C0C0C0
#FFCC99 #CCFFCC #99CCFF #FFFFFF
By : Subianto, S.Kom
FONT | Heading
Heading digunakan untuk mengatur header teks dokumen yang akan tampil pada halaman web
<Hn> ….. </Hn>
<H1> ….. </H1> <H2> ….. </H2> <H3> ….. </H3> <H4> ….. </H4> <H5> ….. </H5> <H6> ….. </H6>
By : Subianto, S.Kom
FONT | Heading
<body>
<h1> contoh heading1 </h1>
<h2> contoh heading2 </h2>
<h3> contoh heading3 </h3>
<h4> contoh heading4 </h4>
<h5> contoh heading5 </h5>
<h6> contoh heading6 </h6>
</body>
By : Subianto, S.Kom
FONT | face
<body>
<font face = “arial”> jenis huruf arial</font><br>
<font face = “verdana”> jenis huruf verdana</font><br>
<font face = “tahoma”> jenis huruf tahoma</font>
</body>
<font face=“jenis font”> naskah </font>
By : Subianto, S.Kom
FONT | color
<body>
<font color = “#FF0000”> warna merah</font>
<font color = “#0000FF”> warna biru</font>
<font color = “#FFFF00”> warna kuning</font>
</body>
<font color=“kode warna”> naskah </font>
By : Subianto, S.Kom
FONT | size
<body>
<font size= “1”> ukuran 1</font>
<font size= “2”> ukuran 2 </font>
<font size= “3”> ukuran 3</font>
</body>
<font size=“ukuran font”> naskah </font>
By : Subianto, S.Kom
FONT | bold, italic, underline
<b>Kalimat ini akan dicetak Bold </b>
<i>Kalimat ini akan dicetak Italic </i>
<u>Kalimat ini akan dicetak Bergaris bawah </u>
<b><i>Kalimat ini akan dicetak Bold dan Italic</i></b>
By : Subianto, S.Kom
FONT | efek
<s>Kalimat ini akan tercoret tengah</s>
<tt>Kalimat ini memiliki efek teletype</tt>
<sup>Kalimat ini memiliki efek superscript</sup>
<sub>Kalimat ini memiliki efek subscript</sub>
By : Subianto, S.Kom
SPECIAL CHARACTER
By : Subianto, S.Kom
FONT | efek - latihan
3 By : Subianto, S.Kom