Fungsi Html part-2
HTML (HyperText Markup Language)
adalah suatu bahasa yang menggunakan tanda-tanda tertentu (tag) untuk menyatakan kode-kode yang harus ditafsirkan oleh browser agar halaman tersebut dapat ditampilkan secara benar.
Secara umum, fungsi HTML adalah untuk mengelola serangkaian data dan informasi sehingga suatu dokumen dapat diakses dan ditampilkan di Internet melalui layanan web.
Fungsi HTML yang lebih spesifik yaitu :
1.Membuat halaman web.
2.Menampilkan berbagai informasi di dalam sebuah browser Internet.
3.Membuat link menuju halaman web lain dengan kode tertentu (hypertext).
Pengaturan Division Tag:
<div> … </div>Division (or Section) of Page Content
<p> … </p>Paragraph of Text
<br>...</br>Line Break
<hr>...</hr>Basic Horizontal Line
<hr> Tag Attributes:
size=”?”Line Thickness in pixels
width=”?”Line Width in pixels
width=”??%”Line Width as a percentage
color=”#??????”Line Colour
align=”?”
Horizontal Alignment: left, center, right
noshadeNo 3D cut-out…
Example :
<div style="text-align: center; color: black;"> <span style="font-size:18px;">Bendera</span><br /> <span style="color: red;">merah</span> <hr style="color:blue; width:50%;" /> <span style="color: white; background-color: red; font-size:24px;">putih</span> </div>
Results :
<img src=”url” alt=”text“>Basic Image
<img> Tag Attributes:
src=”url“URL or filename of image (required!)
alt=”text“Alternate Text (required!)
align=”?”Image alignment within surrounding text
width=”??”Image width (in pixels or %)
height=”??”Image height (in pixels or %)
border=”??”Border thickness (in pixels)
vspace=”??”Space above and below image (in pixels)
hspace=”??”Space on either side of image (in pixels)
Example :
<div align="center">
<img style="lebar: 105px; tinggi: 105px; lebar batas: 1px; gaya perbatasan: padat; margin: 10 piksel;" src="( Link Gambar Yang Kalian Mau Masukan )https: ?type=small" alt="Logo ( Random )" /> </div>
Results :
ag Tautan Pengaturan:
<a href=" url "> teks tautan </a>Tautan Dasar
<a> Atribut Tag:
href=" url "Lokasi (url) halaman yang akan ditautkan.
nama=”??”Nama link (nama jangkar, atau nama bookmark)
sasaran=”?”Lokasi target tautan: _self, _blank, _top, _parent.
href=" url#bookmark "Tautan ke bookmark (ditentukan dengan name atribut).
href="mailto: email "Tautan yang memulai email (bergantung pada klien email pengguna).
Contoh:
<p>
Link ke <a href="https://unikama.ac.id" target="_blank" title="Masuk ke Website UNIKAMA">Website UNIKAMA</a> </p>
Hasilnya:
Link ke Website UNIKAMA
Variasi 1 memberi warna tertentu pada link:
<p>Link ke <a href="http://unikama.ac.id" target="_blank" title="Masuk ke website UNIKAMA"><span style="color:#FF0000;">UNIKAMA</span></a></p>
Hasilnya:
Link ke UNIKAMA
Variasi 2, memberi warna link yang akan berubah jika mouse lewat di atas link:
<div align="left">Link ke <a title="Masuk ke website UNIKAMA" href="http://unikama.ac.id" target="_blank"><font style="color: 'red';" onmouseover="color:'blue';" onmouseout="color:'red';">UNIKAMA</font></a></div>
Link ke UNIKAMA
Variasi 3, mengganti link teks dengan gambar:
<div align="center"><a href="http://UNIKAMA.com" target="_blank" title="Masuk ke website UNIKAMA"><img src="http://UNIKAMA.com/gb/logo.png" style="width: 105px; height: 105px; border-width: 0px; border-style: solid; margin: 10px;" /></>
Pengaturan List Tag:
<ol> … </ol> Ordered List
<ul> … </ul> Un-ordered List
<li> … </li> List Item (within ordered or unordered)
<ol type=”?“> Ordered list type: A, a, I, i, 1
<ol start=”??”> Ordered list starting value
<ul type=”?“> Unordered list bullet type: disc, circle, square
<li value=”??”> List Item Value (changes current and subsequent items)
<li type=”??”> List Item Type (changes only current item)
<dl> … </dl> Definition List
<dt> … </dt> Term or phrase being defined
<dd> … </dd> Detailed Definition of term
<b>Contoh:<b>
<ol type="A"> <li>Judul</li> <li>Sub Judul</li> <li>Sub Sub Judul</li> </ol>
<ol type="1"> <li>Judul</li> <li>Sub Judul</li> <li>Sub Sub Judul</li> </ol>
<ul type="circle"> <li>Judul</li> <li>Sub Judul</li> <li>Sub Sub Judul</li> </ul>
<ul type="square"> <li>Judul</li> <li>Sub Judul</li> <li>Sub Sub Judul</li> </ul>
Hasilnya
A.Judul
B.Sub Judul
C.Sub Sub Judul
1.Judul
2.Sub Judul
3.Sub Sub Judul
○.Judul
○.Sub Judul
○.Sub Sub Judul
▪︎.Judul
▪︎.Sub Judul
▪︎.Sub Sub Judul
Tag Lain-Lain
<!----.....-> Komentar Dalam Kode Sumber HTML
<!doctype html...> Definisi Jenis Dokumen
<meta>...</meta> Label Informasi META
-------------------------------------------------------------------------------
Mungkin Segini Saja Dari Saya,Anda Bisa Mempelajari Semua Bahasa Pemograman Melalui Internet Dari Smartphone Maupun Perangkat Lainnya,Yang Paling Terpenting Mempunyai Keinginan Yang Kuat Untuk Mempelajari Hal Baru Serta Menyukai Sebuah Tantangan.
Sampai Jumpa Di Tulisan Lainnya Dari Saya,Jangan Lupa Kunjungi Web Saya Lainnya
Komentar
Posting Komentar