Monday, August 10, 2015

Materi Web Desain : Tag HTML Heading, Paragraf, Link dan Gambar

Materi Web Desain : Tag HTML Heading, Paragraf, Link dan Gambar

Materi Web Desain : Tag HTML Heading, Paragraf, Link dan Gambar- Matei belajar kali ini adalah pengenalan dan praktikum tentang beberapa tag dasar bahasa HTML diantaranya Heading, Paragraph, Link dan Menyisipkan gambar.


Heading

Heading sering dipakai untuk sub Judul. Heading terdiri dari 6 level yakni dari h1-h6. Silahkan ditulis kemudian save as html.

<!DOCTYPE html>
<html>
<body>

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

</body>
</html>

Paragraf

Paragraf digunakan untuk memulai sebuah alinea baru. Paragraf didefinisikan menggunakan tag <p>

<!DOCTYPE html>
<html>
<body>

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

</body>
</html>

Link

Link merupakan tautan menuju ke halaman lain.

<!DOCTYPE html>
<html>
<body>

<a href="http://komputerjaringan-smk.blogspot.com">This is a link</a>

</body>
</html>

Images/Gambar

Untuk menyisipkan gambar ke dalam website, digunakan tag <images>, berikut contohnya:

<!DOCTYPE html>
<html>
<body>

<img src="http://1.bp.blogspot.com/-oJP0pze9S7A/Vb6o8oRwu2I/AAAAAAAADaY/TxTX4RiXh4M/s640/Konsep-konsep%2Bdan%2Bteknologi%2Bweb%2Bhtml.jpg" alt="Belajar HTML width="640" height="482">

</body>
</html>

0 comments

Post a Comment