Paragraf HTML
Kali ini kita akan belajar bagaimana membuat tag paragraf di halaman HTML. Untuk memahaminya, kita kembali terlebih dahulu membuat contoh. Silahkan buka kembali text editor, lalu ketikkan kode berikut:
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>Title dari Belajar tag paragraf</title>
</head>
<body>
contoh paragraf pertama
contoh paragraf kedua
</body>
</html>
selanjutnya simpan di notepad anda , dan jalankan melalui browser.<html>
<head>
<title>Title dari Belajar tag paragraf</title>
</head>
<body>
contoh paragraf pertama
contoh paragraf kedua
</body>
</html>
Di browser akan menampilkan bahwa paragraf tersebut tidak berada pada baris berbeda, tetapi pada baris yang sama. Di dalam HTML spasi akan di abaikan.
Contoh Paragraf 2
<!DOCTYPE html>
<html>
<head>
<title>Title paragraf</title>
</head>
<body>
Ini adalah paragraf pertama Ini adalah paragraf kedua
</body>
</html>
Tag Paragraf (<p>) <html>
<head>
<title>Title paragraf</title>
</head>
<body>
Ini adalah paragraf pertama Ini adalah paragraf kedua
</body>
</html>
HTML menyediakan tag khusus untuk paragraf : <p>
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>title paragraf</title>
</head>
<body>
<p>ini adalah penggunaan paragraf pertama</p>
<p>ini adalah penggunaan paragraf kedua</p>
</body>
</html>
Maka akan menampilkan baris paragraf yang berbeda, pada contoh diatas paragraf kedua sudah berada pada posisi masing-masing.etiap tag paragraf, web browser akan memberikan spasi antar paragraf.<html>
<head>
<title>title paragraf</title>
</head>
<body>
<p>ini adalah penggunaan paragraf pertama</p>
<p>ini adalah penggunaan paragraf kedua</p>
</body>
</html>
Tag Break (<br>)
Cara lain untuk memisahkan kedua paragraf adalah dengan menggunakan tag <br>(br singkatan dari break).
Contoh Tag <br/>
<!DOCTYPE html>
<html>
<head>
<title>title dari websiteku</title>
</head>
<body>
ini adalah paragraf pertama
<br />
ini adalah paragraf kedua
</body>
</html>
Heading HTML <html>
<head>
<title>title dari websiteku</title>
</head>
<body>
ini adalah paragraf pertama
<br />
ini adalah paragraf kedua
</body>
</html>
Heading HTML biasanya digunakan untuk judul postingan/artikel dalam halaman web. Tag heading terdiri dari beberapa level, untuk lebih jelasnya lihat contoh di
bawah ini.
bawah ini.
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>Title</title>
</head>
<body>
<h1>Heading Level 1</h1>
<h2>Heading Level 2</h2>
<h3>Heading Level 3</h3>
<h4>Heading Level 4</h4>
<h5>Heading Level 5</h5>
<h6>Heading Level 6</h6>
</body>
</html>
Selamat belajar, happy coding..!!!
<html>
<head>
<title>Title</title>
</head>
<body>
<h1>Heading Level 1</h1>
<h2>Heading Level 2</h2>
<h3>Heading Level 3</h3>
<h4>Heading Level 4</h4>
<h5>Heading Level 5</h5>
<h6>Heading Level 6</h6>
</body>
</html>
Labels:
html
Thanks for reading Membuat Paragraf dan Heading HTML . Please share...!
0 Komentar untuk "Membuat Paragraf dan Heading HTML "