Anda di halaman 1dari 7

1.

Membuat Paragraf di HTML (tag p)


<!DOCTYPE html>
<html>
<head>
<title>Title dari Websiteku</title>
</head>
<body>
Ini adalah paragraf pertama
Ini adalah paragraf kedua
</body>
</html>

2. Tag Break (<br>)


<!DOCTYPE html>
<html>
<head>
<title>title dari websiteku</title>
</head>
<body>
ini adalah paragraf pertama
<br />
ini adalah paragraf kedua
</body>
</html>

Tag untuk penebalan dan garis miring


(<em> dan <strong>)
<!DOCTYPE html>
<html>
<head>
<title>title dari websiteku</title>
</head>
<body>
<p>ini adalah kalimat <em>pertama</em>,
sedangkan ini adalah kalimat <strong>kedua</strong></p>
</body>
</html>

Tag ol

<!DOCTYPE html>

<html>

<head>

<title>penggunaan tag list </title>

</head>

<body>

<h1>daftar belanjaan</h1>

<ol>

<li>minyak goreng</li>

<li>sabun mandi</li>

<li>deterjen</li>

<li>shampoo</li>

<li>obat nyamuk</li>

</ol>

</body>

</html>
tag <ul>

<!DOCTYPE html>

<html>

<head>

<title>penggunaan tag list </title>

</head>

<body>

<h1>daftar belanjaan</h1>

<ul>

<li>minyak goreng</li>

<li>sabun mandi</li>

<li>deterjen</li>

<li>shampoo</li>

<li>obat nyamuk</li>

</ul>
</body>

</html>

TAG A

<!DOCTYPE html>

<html>

<head>

<title>Penggunaan Tag Link </title>

</head>

<body>

<h1>Belajar Tag Link</h1>

<p>Saya sedang belajar HTML dari

<a href="https://akakom.ac.id">STMIK AKAKOM</a></p>

</body>

</html>
tag <textarea>

<textarea rows="5" cols="20">

Text yang diisi dapat mencapai banyak baris

</textarea>

tag <select>
<select>

<option>Pilihan 1</option>

<option>Pilihan 2</option>

<option value="pilihan ketiga">Pilihan 3</option>

</select>
Tag head

<!DOCTYPE html>

<html>

<head>

<title>Judul Halaman nyaaaa</title>

</head>

<body>

Isi halamannnn

</body>

</html>

Tag input

<input rows="8" cols="40" placeholder="Text yang diisi


dapat mencapai satu baris">

</input>
Tag table
<!DOCTYPE html>

<html>
<head>
<title>Penggunaan Tag Tabel</title>
</head>
<body>
<h1>Belajar Tag Tabel</h1>
<table border="1">
<tr>
<td>Baris 1, Kolom 1</td>
<td>Baris 1, Kolom 2</td>
<td>Baris 1, Kolom 3</td>
</tr>
<tr>
<td>Baris 2, Kolom 1</td>
<td>Baris 2, Kolom 2</td>
<td> Baris 2, Kolom 3</td>
</tr>
<tr>
<td> Baris 3, Kolom 1</td>
<td> Baris 3, Kolom 2</td>
<td> Baris 3, Kolom 3</td>
</tr>
<tr>
<td> Baris 4, Kolom 1</td>
<td> Baris 4, Kolom 2</td>
<td> Baris 4, Kolom 3</td>
</tr>
</table>
</body>
</html>

Anda mungkin juga menyukai