Konsep Dasar HTML
KONSEP
DASAR HTML
Hai sudah tau kah kalian
bagaimana konsep dasar HTML? Disini saya akan menjelaskan konsep dasar HTML dan
membuat contohnya.
Membuat web menggunakan HTML
dapat kita lakukan dengan aplikasi untuk memdesain web seperti notepad,
wordpad, notepad++, dll. Dan hasilnya dengan membuat file yang formatnya
file.html dan dapat dibuka melalui web browser umumnya seperti Internet
Explorer, Chrome, mozila, dll.
Berikut adalah konsep dasar
dokumen untuk HTML :
1. Untuk membuat
HTML kita membutuhkan tag yang berpasangan pada akhir dan awal kata. Untuk membuat
tag HTML formatnya dengan awal <html>. . . . . . . </html> untuk
akhirannya.
2. Tag
<head> merupakan header . Header berguna untuk memberitahukan isi
informasi dokumen HTML dan menyimpan judul pada halaman web. Formatnya dengan <head>.
. . . . . . . </head>
3. Tag <title>
merupakan tag untuk memberikan judul dokumen HTML yang terdapat pada header
halaman web browser. Formatnya <title> ini Judul </title>
4. Tag
<body> adalah isi dari suatu dokumen HTML yang akan ditampilkan pada web
browser. Formatnya dengan diawali <body>. . . . . . . .</body>
untuk akhirannya.
5. Tag
<hn> merupakan tag untuk memberikan heading pada tulisan yang akan
ditampilkan di halaman web, digunakan untuk menuliskan judul suatu paragraph. Heading
dapat dibuat beberapa semisal <h1>
sampai <h6>. Formatnya dengan
<h1> ini Heading </h1>
6. Tag<p>
merupakan tag untuk memberikan tulisan dalam sebuah paragraph, formatnya dengan
<p> Ini adalah Paragraph </p>
7.Tag untuk
memasukan link pada HTML dapat menggunakan format : <a href=”http://nama
link”> ini adalah link </a>.
Contohnya
: <a
href="http://arinurhayati-bmpnjbatch2.blogspot.co.id"></a>
8. Tag untuk
memberikan gambar pada HTML dapat menggunakan format : <img src=”namaimage.jpg” width=”x”
height=”y”>.
Contohnya : <img
src="IMG_Bunga.jpg" width="820" height="600">Struktur Dasar HTML :
|
<html>
<head>
<title>My First Blog</title>
</head>
<body>
<h1>Politechnic
Batminton Club (POLBAC)</h1>
<p>Sebuah UKM
bulutangkis yang ada di Politeknik Negeri Jakarta (PNJ)</p>
<p>Foto
POLBAC</p>
<img
src="IMG_8530.jpg" width="680" height="420">
<p>Ini Blog
Saya</p>
<a
href="http://arinurhayati-bmpnjbatch2.blogspot.co.id">This is My
Blog</a>
</body>
</html>
|
- Dasar HTML
- HTML Image
- HTML Link
- Tag Dasar Gabungan
Demikian review untuk konsep dasar pembuatan HTML, semoga mudah untuk diterapkan yaa :)












0 komentar