Dengan HTML Anda dapat membuat situs Web Anda sendiri.
Tutorial ini mengajarkan Anda segala sesuatu tentang HTML.
PENGERTIAN HTML
Hyper Text Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web
Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas
format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi.
Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata
dan disimpan dalam format ASCII normal sehingga menjadi halaman web dengan perintah-perintah HTML.
<!DOCTYPE html>
<html>
<head>
<title>INI BUAT JUDUL</title> </head>
<body>
<h1>CONTOH AJA</h1>
<p>INI BUAT PARAGRAF.</p> </body>
</html>
<head>
<title>INI BUAT JUDUL</title> </head>
<body>
<h1>CONTOH AJA</h1>
<p>INI BUAT PARAGRAF.</p> </body>
</html>
Hasilnya:
CONTOH AJA
INI BUAT PARAGRAF
Penjelasan:
- Teks antara < html > dan < / html > menggambarkan sebuah dokumen HTML
- Teks antara < head> dan < / head> memberikan informasi tentang dokumen
- Teks antara < title> dan < / title> memberikan judul untuk dokumen
- Teks antara < body> dan < / body> menggambarkan isi halaman yang terlihat
- Teks antara < h1 > dan < / h1 > menggambarkan judul
- Teks antara < p > dan < / p > menggambarkan sebuah paragraf
Dengan menggunakan deskripsi ini , web browser dapat menampilkan dokumen dengan judul dan paragraf.
NAMA
|
PENJELASAN
|
CONTOH
|
HASILNYA
|
HTML Tags
|
HTML Tag adalah kata kunci ( nama tag )
yang dikelilingi oleh kurung sudut :
HTML Tag biasanya datang berpasangan
seperti < p > dan < / p >
Tag pertama dalam pasangan adalah tag
awal , tag kedua adalah tag akhir
Tag akhir ditulis seperti tag awal ,
tetapi dengan garis miring sebelum nama tag
Tag awal sering disebut tag
pembuka dan tag akhir sering disebut tag penutup.
|
< tagname > konten < / tagname
>
|
|
HTML Pos
|
Judul HTML didefinisikan dengan < h1
> sampai < h6 > tag
|
<html>
<body>
<h1> 1</h1>
<h2> 2</h2>
<h3> 3</h3>
<h4> 4</h4>
<h5> 5</h5>
</body>
</html>
|
1
2
3
4
5
|
HTML Paragraf
|
Paragraf HTML didefinisikan dengan tag
<p>
|
<html>
<body>
<p>Belajar HTML</p>
<p> Belajar HTML </p>
<p> Belajar HTML </p>
</body>
</html>
|
Belajar HTML
Belajar HTML
Belajar HTML
|
HTML Aturan Horizontal
|
Tag < hr > menciptakan garis
horizontal dalam sebuah halaman HTML.
|
<html>
<body>
<p>Tanggal 30</p>
<hr>
<p>Tanggal 30</p>
<hr>
<p>Tanggal 30</p>
</body>
</html>
|
Tanggal 30
Tanggal 30
Tanggal 30
|
HTML Text Size
|
Properti font-size mendefinisikan
ukuran teks yang akan digunakan untuk elemen HTML
|
<html>
<body>
<h1
style="font-size:200%">
Tanggal 30</h1>
<p
style="font-size:100%">
Tanggal 30</p>
</body>
</html>
|
Tanggal
30
Tanggal
30
|
HTML Format
|
HTML menggunakan unsur-unsur seperti
< b > dan < i > untuk memformat output, seperti teks tebal atau
miring .
|
||
HTML Bold (Tebal)
HTML Bold < b >
mendefinisikan teks tebal.
|
<html>
<body>
<p>Tanggal 30 normal</p>
<p><b>Tanggal 30
Tebal</b></p>
</body>
</html>
|
Tanggal 30 normal
Tanggal
30 Tebal
|
|
HTML Italic (Miring)
HTML < i > mendefinisikan teks
miring.
|
<html>
<body>
<p>ini teks normal</p>
<p><i>ini teks
miring</i></p></body>
</html>
|
ini teks normal
ini
teks miring
|
|
Daftar HTML
|
Daftar unordered dimulai dengan
<ul> tag. Setiap item daftar dimulai dengan <li> tag
|
||
Tipe disc
Daftar item akan ditandai dengan
peluru (default)
|
<ul style="list-style-type:disc">
<li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul> |
|
|
Tipe circle
Lingkaran item daftar akan ditandai dengan lingkaran yang berlubang
|
<ul style="list-style-type:circle">
<li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul> |
|
|
Tipe square
persegi Daftar item akan
ditandai dengan kotak
|
<ul style="list-style-type:square">
<li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul> |
|
No comments:
Post a Comment