Tag Dasar
A. Tujuan Praktikum
1. Mahasiswa dapat mengerti struktur dasar HTML
2. Mahasiswa dapat membuat halaman web dengan tag dasar
B. Dasar Teori
HTML atau Hypertext Markup Language merupakan salah satu format yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan dihalaman web. Dokumen HTML disebut sebagai Markup Language yakni bahasa yang mengandung tanda (tag) tertentu yang digunakan untuk sebuah aplikasi teks editor. Dokumen HTML berekstensi HTML atau HTM. Struktur dasar dokumen HTML berisi elemen-elemen atau tag sebagai berikut :
skrip 1.1 Struktur dasar HTML
1. <html>
2.<head>
3. <title>Judul Halaman web</title>
4. </head>
5. </body>
6. Isi Halaman WEB
7. </body>
8. </html>
Tag dasar dasar HTML adalah sebagai berikut :
Tabel 1.1 Tag Dasar
Start Tag Kegunaan
<html> Mendefenisikan sebuah dokumen html
<body> Mendefenisikan isi /badan suatu dokumen
<h1>-<h6> Mendefenisikan heading ke 1 s/d heading ke 6
<p> Mendefenisikan sebuh paragraph
<br> Menyisipkan sebuah line break
<hr> Mendefenisikan sebuah garis horizontal
<!--> Mendefenisikan komentar dalam kode sumber HTML
skrip 1.2. Heading_________________________________________________________________
1. <html>
2.<head>
3. <title>Judul Halaman web</title>
4.</head>
5. <body>
6. <h1>Ini adalah heading 1</h1>
7. <h2>Ini adalah heading 2</h2>
8. <h3>Ini adalah heading 3</h3>
9. <h4>Ini adalah heading 4</h4>
10. <h5>Ini adalah heading 5</h5>
11. <h6>Ini adalah heading 6</h6>
12.
13. </body>
14.</html>
skrip 1.3 Paragraph_________________________________________________________________
1. <html>
2. <head>
3. <title>Judul Halaman Web,/title>
4. </head>
5. <body>
6. <h1>Dasar teori</h1>
7. <p>
8. HTML atau Hypertext Markup Language merupakan salah satu format yang digunakan
9. dalam pembuatan dokumen dan aplikasi yang berjalan di halaman web. Dokumen HTML
10. disebut sebagai Markup Language yakni bahasa yang mengandung tanda (tag) tertentu
11. yang digunakan untuk mengatur format tampilan suatu dokumen.
12. </p> <p>
13. Untuk membuat
14. dokumen HTML hanya dibutuhkan sebuah aplikasi teks editor. Dokumen HTML berekstensi
15. HTML atau HTM. Struktur dasar dokumen HTML berisi elemen-elemen atau tag sebagai
16. berikut:
17. </p>
18. </body>
19. </html>
skrip 1.4 Garis Horizontal dan Line Break___________________________________________
1. <html>
2. <head>
3. <title>Judul Halaman Web</title>
4. </head>
5. <body>
6. <h1>Dasar teori,/h1>
7. <hr>
8. <p>
9. HTML atau Hypertext Markup Language merupakan salah satu format yang digunakan
10. <br>
11. dalam pembuatan dokumen dan aplikasi yang berjalan di halaman web. Dokumen HTML
12. <br>
13. disebut sebagai Markup Language yakni bahasa yang mengandung tanda (tag) tertentu
14. yang digunakan untuk mengatur format tampilan suatu dokumen.
15. </p> <p><,hr>
16. Untuk membuat
17. dokumen HTML hanya dibutuhkan sebuah aplikasi teks editor. Dokumen HTML berekstensi
18. HTML atau HTM. Struktur dasar dokumen HTML berisi elemen-elemen atau tag sebagai
19. berikut:
20. </p>
21. </body>
22. </html>
skrip 1.5 Komentar-komentar tambahan______________________________________________
1. <html>
2. <head> <!--tag awal head-->
3. <title>Judul Halaman Web</title>
4. </head>Tag penutup head-->
5. <body> <!--tag awal body-->
6. <h1>Dasar teori</h1>
7. <hr> <!--tag garis horisontal-->
8. <p> <!--tag awal paragraf-->
9. HTML atau Hypertext Markup Language merupakan salah satu format yang digunakan
10. <br> <!--tag garis baris-->
11. dalam pembuatan dokumen dan aplikasi yang berjalan di halaman web. Dokumen HTML
12. <br>
13. disebut sebagai Markup Language yakni bahasa yang mengandung tanda (tag) tertentu
14. yang digunakan untuk mengatur format tampilan suatu dokumen.
15. </p> <p><,hr>
16. Untuk membuat
17. dokumen HTML hanya dibutuhkan sebuah aplikasi teks editor. Dokumen HTML berekstensi
18. HTML atau HTM. Struktur dasar dokumen HTML berisi elemen-elemen atau tag sebagai
19. berikut:
20. </p>
21. </body>
22. </html>
C. Tugas:
1. Ketiklah skrip 1.1 dengan notepad simpan dengan nama prg11.html
2. Doubleklik lah file: prg11.html amati hasilnya tujukan judulnya
3. Modifikasi skrip1.1 menjadi skrip 1.2 simpan dengan nama prg1.2 .html
4. Amati hasilnya dengan cara double klik file nya
5. Modifikasi skrip1.2 menjadi skrip 1.3 simpan dengan nama prg1.3 .html
6. Amati hasilnya dengan cara double klik file nya
7. Modifikasi skrip1.3 menjadi skrip 1.4 simpan dengan nama prg1.4 .html
8. Amati hasilnya dengan cara double klik file nya
9. Modifikasi skrip1.4 menjadi skrip 1.5 simpan dengan nama prg1.5 .html
10. Amati hasilnya dengan cara double klik file nya
A. Tujuan Praktikum
1. Mahasiswa dapat mengerti struktur dasar HTML
2. Mahasiswa dapat membuat halaman web dengan tag dasar
B. Dasar Teori
HTML atau Hypertext Markup Language merupakan salah satu format yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan dihalaman web. Dokumen HTML disebut sebagai Markup Language yakni bahasa yang mengandung tanda (tag) tertentu yang digunakan untuk sebuah aplikasi teks editor. Dokumen HTML berekstensi HTML atau HTM. Struktur dasar dokumen HTML berisi elemen-elemen atau tag sebagai berikut :
skrip 1.1 Struktur dasar HTML
1. <html>
2.<head>
3. <title>Judul Halaman web</title>
4. </head>
5. </body>
6. Isi Halaman WEB
7. </body>
8. </html>
Tag dasar dasar HTML adalah sebagai berikut :
Tabel 1.1 Tag Dasar
Start Tag Kegunaan
<html> Mendefenisikan sebuah dokumen html
<body> Mendefenisikan isi /badan suatu dokumen
<h1>-<h6> Mendefenisikan heading ke 1 s/d heading ke 6
<p> Mendefenisikan sebuh paragraph
<br> Menyisipkan sebuah line break
<hr> Mendefenisikan sebuah garis horizontal
<!--> Mendefenisikan komentar dalam kode sumber HTML
skrip 1.2. Heading_________________________________________________________________
1. <html>
2.<head>
3. <title>Judul Halaman web</title>
4.</head>
5. <body>
6. <h1>Ini adalah heading 1</h1>
7. <h2>Ini adalah heading 2</h2>
8. <h3>Ini adalah heading 3</h3>
9. <h4>Ini adalah heading 4</h4>
10. <h5>Ini adalah heading 5</h5>
11. <h6>Ini adalah heading 6</h6>
12.
13. </body>
14.</html>
skrip 1.3 Paragraph_________________________________________________________________
1. <html>
2. <head>
3. <title>Judul Halaman Web,/title>
4. </head>
5. <body>
6. <h1>Dasar teori</h1>
7. <p>
8. HTML atau Hypertext Markup Language merupakan salah satu format yang digunakan
9. dalam pembuatan dokumen dan aplikasi yang berjalan di halaman web. Dokumen HTML
10. disebut sebagai Markup Language yakni bahasa yang mengandung tanda (tag) tertentu
11. yang digunakan untuk mengatur format tampilan suatu dokumen.
12. </p> <p>
13. Untuk membuat
14. dokumen HTML hanya dibutuhkan sebuah aplikasi teks editor. Dokumen HTML berekstensi
15. HTML atau HTM. Struktur dasar dokumen HTML berisi elemen-elemen atau tag sebagai
16. berikut:
17. </p>
18. </body>
19. </html>
skrip 1.4 Garis Horizontal dan Line Break___________________________________________
1. <html>
2. <head>
3. <title>Judul Halaman Web</title>
4. </head>
5. <body>
6. <h1>Dasar teori,/h1>
7. <hr>
8. <p>
9. HTML atau Hypertext Markup Language merupakan salah satu format yang digunakan
10. <br>
11. dalam pembuatan dokumen dan aplikasi yang berjalan di halaman web. Dokumen HTML
12. <br>
13. disebut sebagai Markup Language yakni bahasa yang mengandung tanda (tag) tertentu
14. yang digunakan untuk mengatur format tampilan suatu dokumen.
15. </p> <p><,hr>
16. Untuk membuat
17. dokumen HTML hanya dibutuhkan sebuah aplikasi teks editor. Dokumen HTML berekstensi
18. HTML atau HTM. Struktur dasar dokumen HTML berisi elemen-elemen atau tag sebagai
19. berikut:
20. </p>
21. </body>
22. </html>
skrip 1.5 Komentar-komentar tambahan______________________________________________
1. <html>
2. <head> <!--tag awal head-->
3. <title>Judul Halaman Web</title>
4. </head>Tag penutup head-->
5. <body> <!--tag awal body-->
6. <h1>Dasar teori</h1>
7. <hr> <!--tag garis horisontal-->
8. <p> <!--tag awal paragraf-->
9. HTML atau Hypertext Markup Language merupakan salah satu format yang digunakan
10. <br> <!--tag garis baris-->
11. dalam pembuatan dokumen dan aplikasi yang berjalan di halaman web. Dokumen HTML
12. <br>
13. disebut sebagai Markup Language yakni bahasa yang mengandung tanda (tag) tertentu
14. yang digunakan untuk mengatur format tampilan suatu dokumen.
15. </p> <p><,hr>
16. Untuk membuat
17. dokumen HTML hanya dibutuhkan sebuah aplikasi teks editor. Dokumen HTML berekstensi
18. HTML atau HTM. Struktur dasar dokumen HTML berisi elemen-elemen atau tag sebagai
19. berikut:
20. </p>
21. </body>
22. </html>
C. Tugas:
1. Ketiklah skrip 1.1 dengan notepad simpan dengan nama prg11.html
2. Doubleklik lah file: prg11.html amati hasilnya tujukan judulnya
3. Modifikasi skrip1.1 menjadi skrip 1.2 simpan dengan nama prg1.2 .html
4. Amati hasilnya dengan cara double klik file nya
5. Modifikasi skrip1.2 menjadi skrip 1.3 simpan dengan nama prg1.3 .html
6. Amati hasilnya dengan cara double klik file nya
7. Modifikasi skrip1.3 menjadi skrip 1.4 simpan dengan nama prg1.4 .html
8. Amati hasilnya dengan cara double klik file nya
9. Modifikasi skrip1.4 menjadi skrip 1.5 simpan dengan nama prg1.5 .html
10. Amati hasilnya dengan cara double klik file nya
Tidak ada komentar:
Posting Komentar