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>
<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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7nBUhgBuYTvo2QNgaGQvN-aGKXw6Lu5H752OWRddxLMf3DUFyY32Mk1auBNGAedDzEFL7YkHaTJIhZfG4cvEd4EfwgcAP10jWVNR6BMaslR3gsTyRBiF9hiviyDkXFI6E-e8-gQ6JON4/s640/Konsep-konsep+dan+teknologi+web+html.jpg" alt="Belajar HTML width="640" height="482">
</body>
</html>
<html>
<body>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7nBUhgBuYTvo2QNgaGQvN-aGKXw6Lu5H752OWRddxLMf3DUFyY32Mk1auBNGAedDzEFL7YkHaTJIhZfG4cvEd4EfwgcAP10jWVNR6BMaslR3gsTyRBiF9hiviyDkXFI6E-e8-gQ6JON4/s640/Konsep-konsep+dan+teknologi+web+html.jpg" alt="Belajar HTML width="640" height="482">
</body>
</html>
0 comments:
Post a Comment