<div style='background-color: none transparent; float:right;'><a href='http://www.rsspump.com/?web_widget/rss_ticker/news_widget' title='News Widget'>News Widget</a></div>

(2) Mengenal HTML Sebagai Bahasa Penulisan kode Konten Blog


27HTML_by_wenz_stam HTML5 adalah yang terbaru rencananya akan direkomendasikan akhir tahun ini, sebagai hasil revisi yang dilakukan oleh konsorsium W3C dengan perubahan besar daripada standar HTML. Sebagaimana pendahulunya  yaitu: HTML 4.01 dan XTHML 1.1, HTML5 adalah sebuah standar untuk men-struktur-kan dan menampilkan isi pada World Wide Web (www). Standar ini memperkenalkan fitur baru seperti memutar video serta drag and drop, Sebelumnya fitur ini bergantung pada plugins pihak ketiga di penjelajah web seperti Adobe Flash dan Microsoft Silverlight.
Struktur File HTML
Penulisan dokumen HTML dimulai dengan Document Type Declaration ("doctype"). Contohnya jika Anda membuka EDIT HTML untuk melihat struktur kode HTML Blog Anda, bagian paling atas tertera : 
<!DOCTYPE html PUBLIC "//W3C//DTD XHTML 1.0Strict//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1strict.dtd>
Hal ini sangat diperlukan karena dalam browser, doctype membantu untuk menentukan rendering mode-terutama apakah akan menggunakan mode quirks. Jika <! DOCTYPE html> deklarasi tidak disertakan, Windows Internet Explorer akan menggunakan "mode kebiasaan" (Mode Quirks).
<!doctype html>                                                                                              <html>                                                                                                          <head>                                                                                     <title>Assalaamu’alaikum_yaa_akhi_muslim!</title>                           </head>                                                                                                   <body>                                                                                                         <p>Let_Talk_about_Takaful!</p>                                                               </body>                                                                                                       </html>

HEAD

Bagian header dari document HTML di apit oleh tag <HEAD></HEAD> di dalam bagian ini biasanya dimuat tag TITLE yang menampilkan judul dari halaman pada titlenya browser. Selain itu Bookmark juga megunakan tag TITLE untuk memberi mark suatu web site. Browser menyimpan “titile” sebagai bookmark dan juga untuk keperluan pencarian (searching)  biasanya title di gunakan sebagai keyword. Header juga memuat tag META yang biasanya di gunakan untuk menentukan informasi tertentu mengenai document HTML, anda bisa menentukan author name, keywords, dan lainyan pada tag META.  Contoh:<meta name="Yusuf" content="Bisnis Takaful online">

Elemen Body

Bagian BODY, yang dinyatakan dengan tag <BODY>…</BODY>, merupakan tubuh atau isi dari dokumen HTML dimana anda meletakan informasi yang akan ditampilkan pada browser.

Tag

HTML tidak membedakan penggunaan huruf besar ataupun huruf kecil dari suatu elemen. Suatu elemen HTML terdiri dari tag-tag beserta teks yang ada dalam tag-tag tersebut. Tag ini dinyatakan dengan tanda lebih kecil (<) dan tanda lebih besar (>). Tag biasanya merupakan suatu pasangan yang disebut dengan : 1. Tag awal, dinyatakan dalam bentuk <nama tag> 2. Tag akhir, dinyatakan dalam bentuk </nama tag>
Format : <nama tag> teks yang ditampilkan </nama tag> Contoh : untuk menampilkan teks dalam format teks miring Teks ini terlihat miring di browser anda dengan perintah HTML <i>Teks ini terlihat miring di browser Anda</i>

Atribute

Tag awal bisa memiliki beberapa buah atribut yang menyatakan karakteristik dari tag tersebut. Misalnya :                                                     
<P ALIGN=”center”>
digunakan untuk membuat rata kiri suatu paragraf. Tag yang digunakan adalah <P> dan atribut yang menyertainya adalah ALIGN dengan nilai “center”. Maka bentuk paragraf adalah ke tengah. Nilai atribut ALIGN hanya bisa berupa center, left, right atau justify.

Pengertian Elemen HTML ( sumber : Wikipedia Bebas )

Setiap File dokumen HTML seluruhnya terdiri dari elemen HTML membentuk suatu struktur kode-kode HTML. Dimulai dengan tag Pembuka <html>, kode-kode dan tag-tag diantara <html> dan </html>  dan bahkan semua tag adalah termasuk elemen HYML. Elemen  ini dalam bentuk yang paling umum memiliki tiga komponen :                      
1).  Sepasang tag elemen, sebuah "tag Pembuka" dan "tag penutup";          2).  Beberapa elemen atribut dalam tag Pembuka ; dan terakhir,                  3).  Konten grafis dan tekstual yang ada antara Tag Pembuka dan Penutup
Elemen HTML adalah semua konten yang ada diantara <html> dan </html> dan termasuk semua tag. Setiap tag ditutupi dalam kurung sudut. Bentuk umum suatu elemen HTML adalah :
<tag attribute1="value1" attribute2="value2">konten yang akan diberikan</tag>                              <font color="#0000ff" size="3"><b><i>Mengenal HTTP</i></b></font>
Penjelasan :                                                                                                                                                 Atribut COLOR memiliki VALUE #0000ff (kode warna BLUE) dan atrinut SIZE memiliki VAlUE 3 (ukuran huruf 3 sama nilainya dengan ukuran 10 pada edit font). Tag <b> menjadikan huruf TEBAL (Bold) dan  <i> menjadikan huruf miring (italic) dan <u> menjadikan huruf bergaris bawah (underline).              
Nama dari elemen HTML adalah juga nama tag. Perhatikan bahwa nama tag akhir adalah didahului dengan karakter garis miring (Slash), "/". Dan jika atribut tidak ditugaskan, maka nilai-nilai default yang akan digunakan.
Contoh
Header dari dokumen HTML: <head> ……………………</head>. Biasanya judul juga harus disertakan di dalam Header,
<head>
<title> Judul </title>
</Head>                                                                                                          

Contoh 2                                                                                                            Heading HTML didefinisikan dengan tag-tag <h1> hingga <h6> :
<h1> Heading1 </ h1>
<h2> Heading2 </ h2>
<h3> Heading3 </ h3>
<h4> Heading4 </ h4>
<h5> Heading5 </ h5>
<h6> Heading6 </ h6>
                                                                                                                          Contoh 3                                                                                                            Paragraf (alinea) dan Baris :
<p>paragraf1</p>                                                                               <p>paragraf2 </p> Baris istirahat (jeda) didefinisikan <br>. Perbedaan antara <br> dan <p> adalah 'br' atau jeda baris tanpa mengubah struktur semantik halaman, sebaliknya 'p' membagi-bagi halaman blog (page) ke dalam paragraf-paragraf. 
Atribut
Sebagian besar atribut elemen pasangan nama-nilai, dipisahkan oleh "=" dan ditulis setelah tanda <  pada tag awal sebuah nama elemen. Nilai ini dapat ditutup dengan tanda kutip tunggal atau ganda, meskipun nilai yang terdiri dari karakter tertentu dapat dibiarkan dikutip dalam HTML.  Contoh :                                                                                                           1).<b:widget id='HTML12' locked='false' title='Klik Takaful' type='HTML'>        2).<font color="#0000ff" size="2">INI WARNA BIRU NAVY</font>
Ada beberapa atribut umum yang muncul dalam banyak elemen :
* Atribut ID                                                                                                    Atribut ID menyediakan Pengenal elemen unik dokumen-lebar. Atribut ini digunakan untuk mengidentifikasi elemen sedemikian hingga stylesheet yang dapat mengubah sifat penyajian, dan script, menghidupkan atau menghapus isinya atau presentasinya
* Atribut Kelas                                                                                                    Atribut Kelas memberikan cara untuk mengklasifikasi elemen serupa dan  digunakan untuk tujuan semantik or presentasi. Sebagai contoh dokumen HTML semantik berbentuk :                      class="notasi"                                   untuk menunjukkan bahwa semua elemen dengan nilai tertentu tunduk kepada dokumen teks utama. Dalam presentasi, unsur-unsur tersebut terkumpul dan disajikan sebagai catatan kaki pada halaman.
* Atribut Style                                                                                                     Atribut ini untuk menetapkan properti presentasi ke elemen tertentu. Hal ini dianggap praktek yang lebih baik untuk penggunaan atribut id atau atribut kelas untuk memilih elemen dari dalam stylesheet,
* Atribut Judul                                                                                                    Atribut judul digunakan untuk melampirkan penjelasan subtextual untuk elemen. Pada kebanyakan browser atribut ini ditampilkan sebagai tooltip.
* Atribut Lang                                                                                                     Atribut lang mengidentifikasi bahasa alami dari isi elemen, yang mungkin berbeda dari seluruh dokumen. Sebagai contoh, dalam sebuah dokumen berbahasa Inggris:
<p> Oh well, <span lang="fr"> c'est la vie </ span>, seperti yang mereka katakan di Perancis. </p>                                                                                                                                    * Unsur Singkatan                                                                                            Misalnya abbr (dari kata abbreviation) digunakan untuk menunjukkan beberapa atribut :
<abbr id="anId" class="jargon" style="color:purple;" title="Hypertext Markup Language"> HTML </ abbr>
Wallaahu a’lam bish shawab

0 komentar dan respon:

Word of the Day

Article of the Day

This Day in History
Sanden Yogyakarta Jakarta Slideshow: Yusuf’s trip from Jakarta, Java, Indonesia to Yogyakarta was created by TripAdvisor. See another Yogyakarta slideshow. Create your own stunning slideshow with our free photo slideshow maker.
Free Backlinks Online Users

Google Translate

Add to Google
Translate to 32 LANGUAGES
Jpn
Indonesia

Sayangi Kendaraan Anda
ASURANSI MOBIL SHARIAH
contact :
yusuf.edyempi@yahoo.com
SMS......:...0815 8525 9555

.

Statistic

danke herzlich für besuch

free counters

Blog Archive

SEO for your blog

sitemap for blog blogger web website
Webmaster Toolkit - free webmaster tools
Google PageRank Checker

Recent flag visits


bloguez.com

STAGE OF MODERN CIVILIZATION SOME GREATEST ACHIEVERS OR THE ONES HISTORY WOULD REMEMBER SOME WAY - CAN YOU TRACK THEM BY NAME?