HTML (Hyper Text Markup Language) merupakan sebuah bahasa yang digunakan untuk membuat halaman pada sebuah web.
ada beberapa format dasar dalam HTML, yaitu sebagai berikut :
<html>
<body>
<h1>This
a Heading</h1>
<p>This
is a paragraph.</p>
<p>This
is another paragraph.</p>
</body>
</html>
Beberapa Tag dasar HTML, yaitu sebagai berikut
Basic Text Formating digunakan untuk mengatur bentuk teks, ukuran tek, contoh :
- <b> fungsinya untuk menebalkan teks
- <i> fungsinya untuk memiringkan teks
- <u> fungsinya untuk memberi garis bawah pada teks
- <small> fungsinya untuk mengecilkan suatu teks
- <big> fungsinya untuk membesarkan huruf
- <strike> fungsinya untuk mencoret sebuah teks
- <em> fungsinya sama seperti <i> yaitu memiringkan teks
- <sup> fungsinya untuk membuat sebuah pangkat
- <sub> fungsinya untuk membuat teks kecil yang berada dibawah
Identifying Resource digunakan untuk menunjukan sebuah link, contoh :
<a
href="http://www.dickypratama-bmpnjbatch2.blogspot.com">This
is a link</a>
Using Graphic Images Basic digunakan untuk menampilkan gambar pada web, contoh :
<img
src="pratama.jpg"
width="400" height="200">
untuk menampilkan gambar pada web file gambarnya harus berada pada folder yang sama dengan file html.
Background Images digunakan untuk membuat background atau latar belakang pada web, contoh :
<background = “image_yang_diinginkan.jpg”>
Belajar Membuat Web Sederhana
Setalah kita mengetahui konsep dasar dan tag dasar HTML mari kita coba membuat web sederhana.
Masukan codingan berikut kedalam notepad atau notepad++ :
<html>
<head>
<title>LatihanWebPratama</title>
</head>
<body>
<body background= "gambar.jpg">
<center>
<h1> <b> Latihan Membuat Web </b> </h1>
<h2> Dicky Putra Pratama </h2>
<br>
<img src="Desert.jpg" width="400" height="250">
<p> Ini merupakan contoh membuat web </P>
<p> Yuk Belajar Web Bersama </p>
<a href="http://www.w3schools.com">Klik Disini</a>
</body>
</html>
Keterangan :
<html> merupakan halaman web berupa dokumen html
<head> merupakan bagian head
<title> merupakan judul sebuah web
<body> merupakan isi pada sebuah web
<p> merupakan format paragraf
<br> berfungsi untuk memberi jarak
<body background= "gambar.jpg"> fungsi yang digunakan untuk membuat background pada sebuah web
<img src="Desert.jpg" width="400" height="250"> untuk menambahkan gambar pada web
dan berikut hasil pada web browser
Semoga bermanfaat :)
0 komentar:
Posting Komentar