HTML Elements
Elemen HTML ditulis dengan tag awal, dengan tag akhir, contoh:
< Tagname > konten < / tagname> Elemen HTML adalah segalanya dari tag awal sampai tag akhir:
< p > My first HTML paragraf. < / p>
Tag PembukaElemenTag Penutup
<h1>My First Heading</h1>
<p>My First Paragraf</p>
< br >
Beberapa elemen tidak membutuhkan tag penutup.
Keterangan :
< html > elemen mendefinisikan seluruh dokumen, dimana elemen ini berfungsi sebagai kerangka website atau bagian terluar website
< body > elemen mendefinisikan tubuh dokumen, seluruh tag atau kode HTML
< p > < / p > elemen p adalah paragraf
< h1 > < /h1 > elemen ini merupakan heading, biasanya digunakan untuk membuat judul website
selalu tambahkan tag penutup dan jangan lupa biasakan menulis tag HTML dengan huruf kecil semua.
HTML Attributes :
Atribut memberikan informasi tambahan tentang elemen HTML.
Atribut HTML
Elemen HTML dapat memiliki atribut
Atribut memberikan informasi tambahan tentang elemen
Atribut selalu ditentukan dalam tag awal
Atribut datang dalam nama / nilai pasangan seperti: name = "value"
Atribut Lang
Atribut lang dapat dideklarasikan dengan tag < html > , lang juga berfungsi sebagai penentu bahasa pada mesin pencari. contoh :
<!DOCTYPE html>
<html lang="en_US" >
<head>
<title></title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
<body>
</html>
Atribut Title
<!DOCTYPE html>
<html lang="en_US" >
<head>
<title></title>
</head>
<body>
<h1>About NOMOR1.com</h1>
<p title="About NOMOR1.com" >NOMOR1.com is a web developer's site.
It provides tutorials and references covering
many aspects of web programming,
including HTML, CSS, JavaScript, XML, SQL, PHP, ASP, etc.
</p>
<body>
</html>
Bila Anda meletakkan mouse/kursor di atas elemen p / paragraf, judul akan ditampilkan sebagai tooltip.
Atribut Href
Atribut href digunakan pada sebuah link yaitu tag a
<a href="http://www.nomor1.com">This is a link</a>
Atribut Ukuran
Gambar HTML didefinisikan dengan tag < img > .
Nama file dari sumber (src), dan ukuran gambar (lebar dan tinggi) semua disediakan sebagai atribut:
<img src="nomor1.jpg" width="104" height="142"> Ukuran gambar ditentukan dalam pixel: width = "104" berarti 104 layar pixel.
Anda akan belajar lebih banyak tentang gambar dan < img > tag kemudian dalam tutorial ini.
Atribut Alt
Atribut alt menentukan sebuah teks alternatif yang akan digunakan, ketika sebuah elemen HTML tidak dapat ditampilkan.
<img src="nomor1.jpg" alt="nomor1.com" width="104" height="142">
HTML Heading
Heading HTML digunakan untuk judul terdiri dari level tag h1 sampai h6
<h1>Heading dengan level 1 </h1>
<h2>Heading dengan level 2 </h2>
<h3>Heading dengan level 3 </h3>
<h4>Heading dengan level 4 </h4>
<h5>Heading dengan level 5 </h5>
<h6>Heading dengan level 6 </h6>
INFO PENTING :
Dalam penggunaan heading harus digunakan untuk judul yang membutuhkan ukuran besar dan tebal
HTML Paragraf
Untuk membuat paragraf di html tag nya adalah p . dalam paragraf dapat menambahkan atribut untuk perataan kanan, kiri, tengah atau rata kanan - kiri
<p>Ini adalah paragraf</p>
<p align="center">Ini adalah paragraf rata tengah </p>
<p align="left">Ini adalah paragraf rata kiri </p>
<p align="right">Ini adalah paragraf rata kanan </p>
<p align="justify">Ini adalah paragraf rata kanan - kiri </p>
HTML Style
Setiap elemen HTML memiliki gaya default (warna latar belakang putih, warna teks hitam, teks-ukuran 12px ...)
Mengubah gaya default elemen HTML, dapat dilakukan dengan atribut style.
Contoh ini akan mengubah warna latar belakang standar dari putih ke lightgrey:
<body style="background-color:lightgrey" >
<p>Ini adalah paragraf</p>
<p>Ini adalah paragraf</p>
</body>
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<h1>Tentang style </h1>
<p style="color:red;font-family:verdana;font-size:30px;" >Paragraf dengan warna tulisan merah, karakter font verdana dan ukuran font 30 pixel</p>
<body>
</html>
HTML Style merupakan bagian dari CSS tipe inline , dalam atribut style = " properties : value "
0 Response to "Belajar HTML Bag.2"
Post a Comment