Main Tag HTML
2/15/2019
Add Comment
Tag Utama HTML
Semua
konten halaman ditulis antara tag html. Ada tag awal seperti (<p>) dan
dengan tag akhir yang sama seperti (</p>).
Seperti ini
<tagName>Content</tagName>
Beberapa HTML tags tidak mempunyai end tags.
<title></title>:Menjelaskan
tentang judul halaman. Tags ini harus diletakan diantara tag <head>.
Contoh
title tags
<title>Ini merupakan judul
Webpage.</title>
<style></style>:Digunakan
untuk meletakan kode CSS atau digunakan sebagai style dari dokumen html. Tag
ini diletakan diantara tag <head>.
Penjelasan Kode
<! DOCTYPE html>
<html>
<head>
<style>
p
{
color:green;
font-size:30px;
}
</style>
</head>
<body>
<p>paragraph sederhana</p>
</body>
</html>
Penjelasan Kode
- Dalam contoh ini bermaksud membuat paragraf dan mendesain paragraf.
- menggunakan tag <style> di dalam tag <head> untuk style paragraf.
- menggunakan "<p>" dalam style untuk menata semua paragraf yang ada di halaman web.
- menggunakan color: green; untuk mengubah paragraf warna menjadi hijau.
- menggunakan ukuran font; untuk mengubah ukuran font paragraf menjadi 20px.
- Harus menggunakan nama atribut (mis. Warna, ukuran font): nilai; merupakan cara melakukan styling di dalam.
- Menggunakan "px" px singkatan dari piksel, dapat menggunakan "%"..
<base>:
Untuk menentukan URL base / target untuk semua URL relatif dalam sebuah
dokumen. Mungkin ada maksimum satu tag <base> dalam dokumen, dan itu
harus di dalam tag <head>. Dan tag <base> Tidak memiliki end tag.
<html>
<head>
<base href = "www.emod.com" target="_blank">
</head>
<body>
<p> Ini adalah contoh base </p>
</body>
</html>
<link>:
Tag ini digunakan untuk mendefinisikan tautan ke dokumen eksternal.Tag ini
ditempatkan di tag <head> dan tag <link> tidak memiliki end tag.
<head>
<link rel = "stylesheet" type = "text / css" href = "style.css">
</head>
Atribut
<link>
- charset: Ini menentukan pengkodean karakter dari dokumen yang ditautkan.
- href: Ini menentukan lokasi dokumen yang ditautkan.
- media: Ini menentukan pada perangkat apa dokumen yang ditautkan akan ditampilkan.
- rel: Ini menentukan hubungan antara dokumen saat ini dan dokumen yang ditautkan.
<meta>:
Tag ini digunakan untuk memberikan informasi meta dari halaman web seperti kata
kunci, deskripsi, ditinjau kembali, refresh, cookie, penulis, konten-type.Tag
ini tidak memiliki end tag dan ditempatkan di tag <head>.
<head>
<meta charset="UTF-8">
<meta name="description" content="Free Web Programming tutorials">
<meta name="keywords" content="HTML,CSS,JavaScript,Jquery,PHP,MySql">
</head>
Penjelasan
Kode
meta
name = "description": Ini mendefinisikan deskripsi halaman web dan value
konten adalah merupakan deskripsi
meta
name = "
keywords
": Ini mendefinisikan kata kunci yang digunakan untuk pencarian halaman
web dan konten value adalah keywords.
Atribut
<meta>
- charset: Menentukan penyandian untuk dokumen HTML
- content: Menyimpan nilai atribut
- http-equiv: Menyediakan HTTP header untuk informasi / nilai atribut konten
- name: Nama untuk metadata
<script>
</script>: Tag ini digunakan untuk menulis dan menyisipkan script seperti
(javascript) di halaman web, ditempatkan di tag <head>.
Akan
membahas penggunaan lengkap dalam bab Javascript HTML.
Contoh
<script>
<head>
<script>
document.getElementById
("example"). innerHTML = "Hello";
</script>
</head>
<noscript>
</noscript>: Tag ini digunakan untuk memberi tahu browser untuk
menampilkan teks alternatif ketika browser tidak mendukung scripting.
Contoh
<noscript>
<head>
<script>
document.getElementById
("example"). innerHTML = "Hello";
</script>
<noscript>
document.getElementById
("example"). innerHTML = "Browser Anda tidak mendukung
skrip";
</noscript>
</head>
<div>
</div>: Tag ini untuk membagi konten halaman web menjadi containers atau
membagi halaman menjadi beberapa bagian.
Contoh
<div>
<html>
<head>
</head>
<body>
<div>
<p>
Ini adalah contoh tag pembagian (div). Ini membagi halaman web menjadi berbeda.
</p>
</div>
</body>
</html>
<h1-h6>
</h1-h6>: tag ini mendefinisikan heading di halaman web <h1> adalah
heading terbesar dan mengecil hingga <h6> yang merupakan heading
terkecil.
Contoh
<h1> - <h6>
<html>
<body>
<div>
<h1>
Ini Judul 1 </h1>
<h2>
Ini Judul 2 </h2>
<h3>
Ini Judul 3 </h3>
<h4>
Ini Judul 4 </h4>
<h5>
Ini Judul 5 </h5>
<h6>
Ini Judul 6 </h6>
</div>
</body>
</html>
Contoh
tampilan dari contoh di atas
Ini
Judul 1
Ini
Judul 2
Ini
Judul 3
Ini
Judul 4
Ini
Judul 5
Ini
Judul 6
<p>
</p>: Ini mendefinisikan paragraf di halaman web
Contoh
tag <p>
<html>
<body>
<div>
<p>
Ini adalah contoh paragraf 1 untuk menunjukkan cara kerja tag paragraf.
</p>
<p>
Ini adalah contoh paragraf 2 untuk menunjukkan cara kerja tag paragraf.
</p>
</div>
</body>
</html>
Hasil
dari contoh di atas
Ini
adalah contoh paragraf 1 untuk menunjukkan cara kerja tag paragraf.
Ini
adalah contoh paragraf 2 untuk menunjukkan cara kerja tag paragraf.
<a>
</a>: Tag ini digunakan untuk membuka beberapa laman web lainnya dengan
membuat tautan ke laman lain. Akan membahas penggunaan lengkap di bab Link
HTML.
Contoh
sebuah tag <a>
<html>
<body>
<div>
<a
href="www.emodjeh.com"> Halo Teman <a>
</div>
</body>
</html>
Hasil
dari contoh di atas
Halo
teman-teman
<li>
</li>: Tag ini mendefinisikan item daftar /list yang digunakan umumnya
digunakan di bawah tag <ol> atau <ul>. Akan membahas penggunaan
lengkap dalam bab Daftar HTML.
Contoh
tag <li>
<html>
<body>
<div>
<li>
Daftar Item 1 </li>
<li>
Daftar Item 2 </li>
<li>
Daftar Item 3 </li>
<li>
Daftar Item 4 </li>
<li>
Daftar Item 5 </li>
<li>
Daftar Item 6 </li>
</div>
</body>
</html>
Hasil
dari contoh di atas
Daftar
Item 1
Daftar
Item 2
Daftar
Item 3
Daftar
Item 4
Daftar
Item 5
Daftar
Item 6
<img>
: Tag ini digunakan untuk menyisipkan gambar di halaman web. Tag tidak memiliki
end tag. Akan membahas penggunaan lengkap di bab Gambar HTML.
Contoh
tag <img>
<html>
<body>
<div>
<img
src = "contoh.jpg">
</div>
</body>
</html>
0 Response to "Main Tag HTML"
Post a Comment