2-Dasar Tag HTML

Dasar Tag HTML
Dasar tag HTML

 <!DOCTYPE html>
 <html>
 <head>
 <title>Page Title</title>
 </head>
 <body>
 Isi / Content
 </body>
 </html>
 Deklarasi <!DOCTYPE html> harus menjadi hal yang pertama dalam dokumen HTML
5 Anda, sebelum tag <html>.
 Deklarasi <!DOCTYPE html> bukanlah tag HTML, ini adalah sebuah instruksi atau
pemberitahuan ke web browser tentang versi HTML pada halaman yang ditulis.
Heading (h)
 <!DOCTYPE html>
 <html>
 <head>
 <title>Latihan 01</title>
 </head>
 <body>
 <h1> Heading 1 - 24 Point </h1>

 Normal body text - 12 Point
 </body>
 </html>
Paragraf (p)
& break (br)
 <!DOCTYPE html>
 <html>
 <head>
 </head>

 <body>
 UNIVERSITAS LAMBUNG MANGKURAT<br>
 Program Studi Teknologi Informasi
 <p>
 Jl. Brigjen H. Hasan Basri No.3, RW.02, Pangeran, Banjarmasin
 </body>
 </html>
HORIZONTAL RULER (hr)
 <!DOCTYPE html>
 <html>
 <head>
 </head>
 <body>
<h1>UNIVERSITAS LAMBUNG MANGKURAT</h1>
 <hr>
 </body>
 </html>
font
 <!DOCTYPE html>
 <html>
 <head>
 </head>
 <body>
 <font face=“verdana” size=“3px”
 color=“blue”>Fakultas Teknik</font>
 </body>
 </html>
Soal 1
 Tuliskan source code dari design berikut ini
Soal 2
Soal 3
Dasar Tag HTML
 Catatan:
Jika Anda ingin menambahkan komentar pada dokumen HTML,maka tulislah Tag ,
misal:

Dasar Tag HTML
Table
Salah satu cara yang paling kompak dan paling mudah dibaca dalam menampilkan item informasi adalah dengan tabel.
Manfaat Tabel:
 Tabel dapat digunakan untuk menampilkan teks, link, grafik atau item lainnya yang dapat dikirimkan ke tempat lain
manapun melalui halaman web.
 Tabel dapat digunakan untuk menyajikan informasi, atau bahkan dapat diperkuat dengan batas, warna, dan grafik
sedemikian rupa, sehingga tabel itu sendiri menjadi item – item dekorasi.
Dasar Tag HTML
Table
<table>
<tr>
<td>Columns Item</td>
</tr>
<tr>
</tr>
</table>
Tabel dibentuk dari kiri atas, dan melintasi kolom - kolomnya. Setiap item diapit dengan
tag <td></td>, dan setiap baris diapit dengan tag <tr></tr>.
Dasar Tag HTML
<html>
<head>
<title>Latihan 17</title>
</head>
<body>
<table>
<tr>
<td>Earth</td>
<td>Air</td>
</tr>
<tr>
<td>Fire</td>
<td>Water</td>
</tr>
</table>
</body>
</html>
Dasar Tag HTML
Table Properties:
 BORDER = akan memberikan garis pembatas pada tabel.
 CELLSPACING = akan menset jarak dalam piksel antara batas dalam dan batas
luar.
 CELLPADDING= akan menset jarak dalam piksel antara batas dalam dan teksnya.
 ALIGN = penjajaran rata kanan, kiri atau tengah.
 BGCOLOR = akan memberikan efek warna pada tabel.
 ROWSPAN = untuk menset jumlah baris ke bawah.
 COLSPAN = untuk menset jumlah kolom ke kanan.
 WIDTH = untuk menset batas lebar / panjang tabel.
 HEIGHT = untuk menset batas tinggi tabel.

Dasar Tag HTML
<html>
<head>
</head>
<body>
<h3>Daftar Nama Siswa</h3>
<table border=1 cellpadding=3 cellspacing=3>
<tr>
<td align=center>NIM</td>
<td align=center>NAMA LENGKAP</td>
</tr>
<tr>
<td>04102001</td>
<td>Nur Qomari</td>
</tr>
</table>
</body></html>
Dasar Tag HTML
<html>
<head>
</head>
<body>
<h3 align="center">Daftar Nama Siswa</h3>
<table border="1" cellpadding="3" cellspacing="3"
align="center">
<tr bgcolor="silver">
<td align="center" colspan="2">NIM & NAMA
LENGKAP</td>
</tr>
<tr>
<td>04102001</td>
<td>Nur Qomari</td>
</tr>
</table></body></html>
Soal 4
 Tuliskan source code untuk
design berikut
Soal 5

Bahasa

2-Dasar Tag HTML

Diunggah oleh

Informasi Dokumen

Hak Cipta

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

2-Dasar Tag HTML

Diunggah oleh

Hak Cipta:

Dasar Tag HTML

Dasar tag HTML

 <h1> Heading 1 - 24 Point </h1>

 ALIGN = penjajaran rata kanan, kiri atau tengah.

 BGCOLOR = akan memberikan efek warna pada tabel.

 ROWSPAN = untuk menset jumlah baris ke bawah.

 COLSPAN = untuk menset jumlah kolom ke kanan.

 WIDTH = untuk menset batas lebar / panjang tabel.

 HEIGHT = untuk menset batas tinggi tabel.

Anda mungkin juga menyukai