Cool Blue Outer Glow Pointer

Saturday 14 November 2015

Belajar Cepat Html Part 1

Cara Cepat Belajar Html
Pengertian HTML dan Cara Cepat Menghapalnya

Seperti yang telah dijelaskan sebelumnya bahwa HTML(Hyper Text Markup Language) adalah simbol-simbol atau tag-tag yang dituliskan dalam sebuah file yang dimaksudkan untuk menampilkan halaman pada web browser. Tag-tag HTML selalu diawali dengan dan diakhiri dengan </x> dimana x tag HTML seperti b, i, u dan sebagainya. Namun ada juga tag yang tidak diakhiri dengan tanda </x> seperti tag <br>, <input> dan lainnya. Sebuah halaman website akan diapit oleh tag <html>……</html>. File-file HTML selalu berakhiran dengan ekstensi *.htm atau *.html. Jadi jika anda mengetik sebuah naskah dan menyimpannya dengan ekstensi *.html maka anda membuat file yang berformat HTML.

Menggunakan Tag pada HTML

Beberapa contoh penggunaan tag Html

Contoh
Hasil
<b>Ini tulisan tebal</b> Ini tulisan tebal
<i>Ini tulisan miring</i> Ini tulisan miring
<u>Ini tulisan bergaris bawah</u> Ini tulisan bergaris bawah
Ini baris 1<br>Ini baris 2 Ini baris 1
Ini baris 2
Ini garis horizontal <hr> Ini garis horizontal


Ada beberapa tag yang memilki atribut didalamnya, seperti tag <font>, <table>, <input> dan sebagainya. Pada tag font ia memiliki beberapa atribut diantaranya atribut: color, size, face. Untuk lebih memahami atribut lihatlah contoh berikut ini.

<font color=”red” face=”Arial” size=”12”>Ini Font Arial berwarna merah dan berukuran 12 pt</font>

Hasil
Ini Font Arial berwarna merah dan berukuran 12 pt

􀂃 Atribut color digunakan untuk menentukan warna tulisan.
􀂃 Atribut face digunakan untuk menentukan jenis huruf.
􀂃 Atribut size digunakan untuk menentukan ukuran huruf.

Jika anda lihat bahwa atribut color berada pada awal, lalu yang kedua adalah face dan yang terakhir adalah size. Anda tidak perlu memperdulikan urutan atribut tersebut karena browser hanya membaca isi dari properi bukan urutan atributnya.

Daftar Tag pada HTML

Tag Utama
Tag Atribut Deskripsi
<html></html> Baris paling atas dari setiap file HTML
<head></head> Informasi umum dari sebuah halaman web
<title></title> Judul halaman. Terdapat pada head
<body></body> background
bgcolor
bgsound
font
link
alink
vlink
topmargin
leftmargin
marginheight
marginwidth		 Settingan atribut untuk seluruh dokumen.


Modifikasi Teks

Tag Deskripsi Contoh
<b> </b> Teks tebal Teks tebal
<i> </i> Teks miring Teks miring
<u> </u> Teks garis bawah Teks garis bawah
<pre> </pre> Preformatted teks 
Preformatted teks
<h1> </h1> Header 1

Header 1
<h2> </h2> Header 2

Header 2
<h3> </h3> Header 3

Header 3
<h4> </h4> Header 4

Header 4
<h5> </h5> Header 5
Header 5
<h6> </h6> Header 6
Header 6
<sub> </sub> Subscript Subscript
<sup> </sup> Superscript Superscript


Font>

Tag Atribut Deskripsi
<font></font> Color
Size
Name		 Mengubah gaya suatu huruf.


Links

Tag Atribut Deskripsi
<a> </a> Href
Target
Style
Class
Name
Id		 Membuat link ke dokumen atau situs lainnya.


Gambar

Tag Atribut Deskripsi
<img> Src
Alt
Name
Border
Height
Width


Formatting

Tag Deskripsi Contoh
<blockquote> ;</blockquote> Digunakan untuk mengatur text dan gambar dalam suatu tag Sample of text in a block quote format
<ol> </ol> Ordered List (digunakan dengan <li>)
  1. )item 1
<ul> </ul> Unordered List(digunakan dengan <li>)
  • )item 1
<li> Elemen List
<dd> </dd> Definition List Sample text
<dt> Definition Term Sample text
<dd> Definition Description Sample text
<p> </p> Paragraf

Sample text
<br> Ganti baris Sample
text
<hr> Garis horizontal
<center> </center> Menengahkan elemen
Sample
Tabel>

Tag Atribut Deskripsi
<table> </table> Border
Cellpadding
Cellspacing
Width
Height
Name
Id
Title
Bgcolor
Background
Align
Valign		 Mengatur semua elemen table
<tr> </tr> Height
Bgcolor
Background
Align
Valign
Title		 Membuat baris baru
<td> </td> Height
Width
Bgcolor
Background
Align
Valign
Title
Colspan
Rowspan		 Membuat kolom
<th> </th> Height
Width
Bgcolor
Background
Align
Valign
Title
Colspan
Rowspan		 Header(kepala tabel). Otomatis ke tengah dan tebal.
<tbody> </tbody> Height
Width
Align
Valign
Bgcolor
Background		 Format yang berlaku bagi cell yang diapit tag.
<colgroup> </colgroup> Height
Width
Align
Valign
Bgcolor
Background
Colspan		 Format yang berlaku bagi kolom


Sangat mudah bukan? Semoga artikel belajar html bermanfaat bagi anda.

SUMBER INFORMASI WEBSITE : http://www.rahasia-webmaster.com/
Posted by at

Subscribe to: Post Comments (Atom)
Support :
Copyright © 2011. Bandung Lautan Api - All Rights Reserved
Proudly powered by Blogger