![Page 1: DASAR DASAR HTML - alfabanksemarang.comalfabanksemarang.com/downlot.php?file=Web Pro Pertemuan 1 HTM… · warna #000000 #333300 #003366 #333399 #800000 #808000 #008080 #666699 #ff0000](https://reader033.vdocuments.pub/reader033/viewer/2022050603/5faa3bb7778f415e5c4523fb/html5/thumbnails/1.jpg)
![Page 2: DASAR DASAR HTML - alfabanksemarang.comalfabanksemarang.com/downlot.php?file=Web Pro Pertemuan 1 HTM… · warna #000000 #333300 #003366 #333399 #800000 #808000 #008080 #666699 #ff0000](https://reader033.vdocuments.pub/reader033/viewer/2022050603/5faa3bb7778f415e5c4523fb/html5/thumbnails/2.jpg)
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
![Page 3: DASAR DASAR HTML - alfabanksemarang.comalfabanksemarang.com/downlot.php?file=Web Pro Pertemuan 1 HTM… · warna #000000 #333300 #003366 #333399 #800000 #808000 #008080 #666699 #ff0000](https://reader033.vdocuments.pub/reader033/viewer/2022050603/5faa3bb7778f415e5c4523fb/html5/thumbnails/3.jpg)
Penilaian
1. Presensi : 20%
2. Tugas : 20%
3. Ujian : 60%
NA =(20% x P) + (20% x T)+ (30% x UTS) + (30% x UAS)
![Page 4: DASAR DASAR HTML - alfabanksemarang.comalfabanksemarang.com/downlot.php?file=Web Pro Pertemuan 1 HTM… · warna #000000 #333300 #003366 #333399 #800000 #808000 #008080 #666699 #ff0000](https://reader033.vdocuments.pub/reader033/viewer/2022050603/5faa3bb7778f415e5c4523fb/html5/thumbnails/4.jpg)
DASAR DASAR HTML
By : Subianto, S.Kom
![Page 5: DASAR DASAR HTML - alfabanksemarang.comalfabanksemarang.com/downlot.php?file=Web Pro Pertemuan 1 HTM… · warna #000000 #333300 #003366 #333399 #800000 #808000 #008080 #666699 #ff0000](https://reader033.vdocuments.pub/reader033/viewer/2022050603/5faa3bb7778f415e5c4523fb/html5/thumbnails/5.jpg)
PENGERTIAN HTML
By : Subianto, S.Kom
![Page 6: DASAR DASAR HTML - alfabanksemarang.comalfabanksemarang.com/downlot.php?file=Web Pro Pertemuan 1 HTM… · warna #000000 #333300 #003366 #333399 #800000 #808000 #008080 #666699 #ff0000](https://reader033.vdocuments.pub/reader033/viewer/2022050603/5faa3bb7778f415e5c4523fb/html5/thumbnails/6.jpg)
DASAR DASAR HTML
By : Subianto, S.Kom
![Page 7: DASAR DASAR HTML - alfabanksemarang.comalfabanksemarang.com/downlot.php?file=Web Pro Pertemuan 1 HTM… · warna #000000 #333300 #003366 #333399 #800000 #808000 #008080 #666699 #ff0000](https://reader033.vdocuments.pub/reader033/viewer/2022050603/5faa3bb7778f415e5c4523fb/html5/thumbnails/7.jpg)
STRUKTUR HTML
By : Subianto, S.Kom
![Page 8: DASAR DASAR HTML - alfabanksemarang.comalfabanksemarang.com/downlot.php?file=Web Pro Pertemuan 1 HTM… · warna #000000 #333300 #003366 #333399 #800000 #808000 #008080 #666699 #ff0000](https://reader033.vdocuments.pub/reader033/viewer/2022050603/5faa3bb7778f415e5c4523fb/html5/thumbnails/8.jpg)
FILE HTML
By : Subianto, S.Kom
![Page 9: DASAR DASAR HTML - alfabanksemarang.comalfabanksemarang.com/downlot.php?file=Web Pro Pertemuan 1 HTM… · warna #000000 #333300 #003366 #333399 #800000 #808000 #008080 #666699 #ff0000](https://reader033.vdocuments.pub/reader033/viewer/2022050603/5faa3bb7778f415e5c4523fb/html5/thumbnails/9.jpg)
FILE HTML
By : Subianto, S.Kom
![Page 10: DASAR DASAR HTML - alfabanksemarang.comalfabanksemarang.com/downlot.php?file=Web Pro Pertemuan 1 HTM… · warna #000000 #333300 #003366 #333399 #800000 #808000 #008080 #666699 #ff0000](https://reader033.vdocuments.pub/reader033/viewer/2022050603/5faa3bb7778f415e5c4523fb/html5/thumbnails/10.jpg)
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
![Page 11: DASAR DASAR HTML - alfabanksemarang.comalfabanksemarang.com/downlot.php?file=Web Pro Pertemuan 1 HTM… · warna #000000 #333300 #003366 #333399 #800000 #808000 #008080 #666699 #ff0000](https://reader033.vdocuments.pub/reader033/viewer/2022050603/5faa3bb7778f415e5c4523fb/html5/thumbnails/11.jpg)
MEMANGGIL FILE HTML
By : Subianto, S.Kom
![Page 12: DASAR DASAR HTML - alfabanksemarang.comalfabanksemarang.com/downlot.php?file=Web Pro Pertemuan 1 HTM… · warna #000000 #333300 #003366 #333399 #800000 #808000 #008080 #666699 #ff0000](https://reader033.vdocuments.pub/reader033/viewer/2022050603/5faa3bb7778f415e5c4523fb/html5/thumbnails/12.jpg)
MEMANGGIL FILE HTML
By : Subianto, S.Kom
![Page 13: DASAR DASAR HTML - alfabanksemarang.comalfabanksemarang.com/downlot.php?file=Web Pro Pertemuan 1 HTM… · warna #000000 #333300 #003366 #333399 #800000 #808000 #008080 #666699 #ff0000](https://reader033.vdocuments.pub/reader033/viewer/2022050603/5faa3bb7778f415e5c4523fb/html5/thumbnails/13.jpg)
META TAG
By : Subianto, S.Kom
![Page 14: DASAR DASAR HTML - alfabanksemarang.comalfabanksemarang.com/downlot.php?file=Web Pro Pertemuan 1 HTM… · warna #000000 #333300 #003366 #333399 #800000 #808000 #008080 #666699 #ff0000](https://reader033.vdocuments.pub/reader033/viewer/2022050603/5faa3bb7778f415e5c4523fb/html5/thumbnails/14.jpg)
META TAG
By : Subianto, S.Kom
![Page 15: DASAR DASAR HTML - alfabanksemarang.comalfabanksemarang.com/downlot.php?file=Web Pro Pertemuan 1 HTM… · warna #000000 #333300 #003366 #333399 #800000 #808000 #008080 #666699 #ff0000](https://reader033.vdocuments.pub/reader033/viewer/2022050603/5faa3bb7778f415e5c4523fb/html5/thumbnails/15.jpg)
META TAG
By : Subianto, S.Kom
![Page 16: DASAR DASAR HTML - alfabanksemarang.comalfabanksemarang.com/downlot.php?file=Web Pro Pertemuan 1 HTM… · warna #000000 #333300 #003366 #333399 #800000 #808000 #008080 #666699 #ff0000](https://reader033.vdocuments.pub/reader033/viewer/2022050603/5faa3bb7778f415e5c4523fb/html5/thumbnails/16.jpg)
WEB PAGE PROPERTIES
By : Subianto, S.Kom
![Page 17: DASAR DASAR HTML - alfabanksemarang.comalfabanksemarang.com/downlot.php?file=Web Pro Pertemuan 1 HTM… · warna #000000 #333300 #003366 #333399 #800000 #808000 #008080 #666699 #ff0000](https://reader033.vdocuments.pub/reader033/viewer/2022050603/5faa3bb7778f415e5c4523fb/html5/thumbnails/17.jpg)
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
![Page 18: DASAR DASAR HTML - alfabanksemarang.comalfabanksemarang.com/downlot.php?file=Web Pro Pertemuan 1 HTM… · warna #000000 #333300 #003366 #333399 #800000 #808000 #008080 #666699 #ff0000](https://reader033.vdocuments.pub/reader033/viewer/2022050603/5faa3bb7778f415e5c4523fb/html5/thumbnails/18.jpg)
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
![Page 19: DASAR DASAR HTML - alfabanksemarang.comalfabanksemarang.com/downlot.php?file=Web Pro Pertemuan 1 HTM… · warna #000000 #333300 #003366 #333399 #800000 #808000 #008080 #666699 #ff0000](https://reader033.vdocuments.pub/reader033/viewer/2022050603/5faa3bb7778f415e5c4523fb/html5/thumbnails/19.jpg)
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
![Page 20: DASAR DASAR HTML - alfabanksemarang.comalfabanksemarang.com/downlot.php?file=Web Pro Pertemuan 1 HTM… · warna #000000 #333300 #003366 #333399 #800000 #808000 #008080 #666699 #ff0000](https://reader033.vdocuments.pub/reader033/viewer/2022050603/5faa3bb7778f415e5c4523fb/html5/thumbnails/20.jpg)
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
![Page 21: DASAR DASAR HTML - alfabanksemarang.comalfabanksemarang.com/downlot.php?file=Web Pro Pertemuan 1 HTM… · warna #000000 #333300 #003366 #333399 #800000 #808000 #008080 #666699 #ff0000](https://reader033.vdocuments.pub/reader033/viewer/2022050603/5faa3bb7778f415e5c4523fb/html5/thumbnails/21.jpg)
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
![Page 22: DASAR DASAR HTML - alfabanksemarang.comalfabanksemarang.com/downlot.php?file=Web Pro Pertemuan 1 HTM… · warna #000000 #333300 #003366 #333399 #800000 #808000 #008080 #666699 #ff0000](https://reader033.vdocuments.pub/reader033/viewer/2022050603/5faa3bb7778f415e5c4523fb/html5/thumbnails/22.jpg)
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
![Page 23: DASAR DASAR HTML - alfabanksemarang.comalfabanksemarang.com/downlot.php?file=Web Pro Pertemuan 1 HTM… · warna #000000 #333300 #003366 #333399 #800000 #808000 #008080 #666699 #ff0000](https://reader033.vdocuments.pub/reader033/viewer/2022050603/5faa3bb7778f415e5c4523fb/html5/thumbnails/23.jpg)
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
![Page 24: DASAR DASAR HTML - alfabanksemarang.comalfabanksemarang.com/downlot.php?file=Web Pro Pertemuan 1 HTM… · warna #000000 #333300 #003366 #333399 #800000 #808000 #008080 #666699 #ff0000](https://reader033.vdocuments.pub/reader033/viewer/2022050603/5faa3bb7778f415e5c4523fb/html5/thumbnails/24.jpg)
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
![Page 25: DASAR DASAR HTML - alfabanksemarang.comalfabanksemarang.com/downlot.php?file=Web Pro Pertemuan 1 HTM… · warna #000000 #333300 #003366 #333399 #800000 #808000 #008080 #666699 #ff0000](https://reader033.vdocuments.pub/reader033/viewer/2022050603/5faa3bb7778f415e5c4523fb/html5/thumbnails/25.jpg)
SPECIAL CHARACTER
By : Subianto, S.Kom
![Page 26: DASAR DASAR HTML - alfabanksemarang.comalfabanksemarang.com/downlot.php?file=Web Pro Pertemuan 1 HTM… · warna #000000 #333300 #003366 #333399 #800000 #808000 #008080 #666699 #ff0000](https://reader033.vdocuments.pub/reader033/viewer/2022050603/5faa3bb7778f415e5c4523fb/html5/thumbnails/26.jpg)
FONT | efek - latihan
3 By : Subianto, S.Kom