Monday, March 11, 2013

Dasar HTML



HTML
HTML adalah bahasa untuk mendeskripsikan halaman web yang berisi tag-tag .HTML singkatan dari Hyper Text Markup Bahasa HTML adalah bahasa markup.Sebuah bahasa markup adalah seperangkat tag markupTag menjelaskan isi dokumen.Dokumen HTML berisi tag HTML dan teks biasaDokumen HTML juga disebut halaman webHTML markup tag biasanya disebut tag HTML
Dalam penggunaannya sebagian besar kode HTML tersebut harus terletak di antara tag kontainer. Yaitu diawali dengan <namatag> dan diakhiri dengan </namatag> (terdapat tanda "/").
 Tag HTML adalah kata kunci (nama tag) dikelilingi oleh kurung sudut seperti <html>. Tag HTML biasanya datang berpasangan seperti <b> dan </ b>  .Tag pertama dalam pasangan adalah tag awal, tag kedua adalah tag akhir.Tag akhir ditulis seperti tag awal, dengan garis miring sebelum nama tag. Mulai dan tag akhir juga disebut tag pembuka
 Struktur HTML
<!DOCTYPE html>

<html>
<head>
<title> judul</title>
</head><body>
ISI

</body>
</html>




1.Editor HTML
Menulis HTML menggunakan Notepad
Kemudian simpan dengan ekstensi .htm atau .html
Lalu jalankan!




2.Atribut HTML
  • Element HTML mempunyai atribut
  • Atribut selalu disertai dengan tag yang spesifik
Contoh:
<a href="http://www.w3schools.com">This is a link</a>



3.HTML Heading
Merupakan sekumpulan kata yang menjadi judul atau subjudul dalam suatu dokumen HTML.
Heading akan berbeda dengan tag <TITTLE> yang tidak akan muncul dalam halaman web.
HTML menyediakan enam tingkat headingheading. <h6> defines the least important heading.
<HTML>
<HEAD>
<TITLE>Heading</TITLE>
</HEAD>
<BODY>
<H1>Heading level1</H1>
<H2>Heading level2</H2>
<H3>Heading level3</H3>
<H4>Heading level4</H4>
<H5>Heading level5</H5>
<H6>Heading level6</H6>
</BODY>

</HTML>

 


4.HTML Paragraph
Paragraf <p>…</p>
Untuk dapat membuat paragraph dalam HTML Anda bisa menggunakan tag <P> dan diakhiri
dengan </P>. Anda bisa mengatur paragraph yang Anda buat dengan menggunakan atribut
ALIGN dengan dikuti posisi yang Anda inginkan, LEFT untuk rata kiri, CENTER untuk rata
tengah, dan RIGHT untuk rata kanan
5.HTML Hyperlink
Link <a>…</a>
Perintah anchor <A> digunakan untuk membuat link. Dan digunakan tag <A HREF =
“nama_dokumen”> teks pada browser </A>. Untuk membuat link dalam sebuah dokumen
HTML perlu disiapkan nama anchor lokasi tujuan link tersebut. Nama anchor dibuat dengan
menambahkan atribut NAME pada tag <A>




Syntax:

<HTML>
<HEAD>
<TITTLE>Link</TITTLE>
</HEAD>
<BODY>
9
<A NAME="lengkap">pemain Milan</A>
<BLOCKQUOTE>
<P>DIDA, <A HREF="#DIDA">info selengkapnya</A>
<P>MALDINI
<P>SHEVA
<P>REDONDO
<P>RIVALDO
<P>
<A HREF="tujuan.html">info selengkapnya</A>
</BLOCKQUOTE>
<A NAME="DIDA">KLIK AJA !!!!</A>
<BLOCKQUOTE>
<P>KIPER UTAMA TIMNAS BRAZIL
</BLOCKQUOTE>
<A HREF="#lengkap">UP</A>
</BODY>
</HTML>

6. HTML Colors

Color Values

Warna pada HTML ditetapkan menggunakan hexadecimal, dan tersusun dari kombinasi warna Merah, Hijau, Biru.Nilai HEX dispesifikasikan sebagai 3 pasangvdari 2 digit nomor, dimulai dengan tanda #



7.HTML List
Daftar HTML yang paling umum yang digunakan adalah ordered dan unordered list

An ordered list:

  1. The first list item
  2. The second list item
  3. The third list item
Ordered list dimulai dengan tag <ol>. Setiap item daftar dimulai dengan tag <li>. Daftar item ditandai dengan angka, cth:
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
Kode HTML diatas akan terlihat sbb pada browser:
  1. Coffee
  2. Milk

 

 

An unordered list:

  • List item
  • List item
  • List item
Unordered list dimulai dengan tag <ul>. Setiap item daftar dimulai dengan tag <li>. Daftar item ditandai dengan peluru (lingkaran hitam biasanya). Cth:
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
HTML akan terlihat sbb pada browser:
  • Coffee
  • Milk

8 .Kumpulan Tag HTML
<!--    -->
Memberi komentar atau keterangan. Kalimat yang terletak pada tag kontiner ini tidak akan terlihat pada browser
<a href>
Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut
<a name>
Membuat nama bagian yang didefinisikan pada link pada halaman yang sama
<applet>
Sebagai awal dari Java applets
<area>
Mendefinisikan daerah yang dapat diklik (link) pada image map
<b>
Membuat teks tebal
<basefont>
Membuat atribut teks default seperti jenis, ukuran dan warna font
<bgsound>
Memberi (suara latar) background sound pada halaman web
<big>
Memperbesar ukuran teks sebesar satu point dari defaultnya
<blink>
Membuat teks berkedip
<body>
Tag awal untuk melakukan berbagai pengaturan terhadap text, warna link & visited link
<br>
Pindah baris
<caption>
Membuat caption pada tabel
<center>
Untuk perataan tengah terhadap teks atau gambar
<comment>
Meletakkan komentar pada halaman web tidak tidak akan nampak pada browser
<dd>
Indents teks
<div>
Represents different sections of text.
<embed>
Menambahkan sound or file avi ke halaman web
<fn>
Seperti tag <a name>
<font>
Mengganti jenis, ukuran, warna huruf yang akan digunakan utk teks
<form>
Mendefinisikan input form
<frame>
Mendefinisikan frame
<frameset>
Mendefinisikan attribut halaman yang akan menggunakan frame
<h1> ... <h6>
Ukuran font
<head>
Mendefinisikan head document.
<hr>
Membuat garis horizontal
<html>
Bararti dokumen html
<i>
Membuat teks miring
<img>
Image, imagemap atau an animation
<input>
Mendefinisikan input field pada form
<li>
Membuat bullet point atau baris baru pada list (berpasangan dengan tag <dir>, <menu>, <ol> and <ul> )
<map>
Mendefinisikan client-side map
<marquee>
Membuat scrolling teks (teks berjalan) - hanya pada MS IE
<nobr>
Mencegah ganti baris pada teks atau images
<noframes>
Jika browser user tidak mendukung frame
<ol>
Mendefinisikan awal dan akhir list
<p>
Ganti paragraf
<pre>
Membuat teks dengan ukuran huruf yg sama
<script>
Mendefinisikan awal script
<table>
Membuat tabel
<td>
Kolom pada tabel
<title>
Mendefinisikan title
<tr>
Baris pada tabel
<u>
Membuat teks bergaris bawah

0 comments:

Post a Comment

Newer Post Older Post Home

Nozh_Statistik

Selamat Datang, di Tunggu Ocehannya :) © copyright by Nozhbitha

Translate

Facebook Nozhbitha

Twitter-nozhbitha

Followers

copyright by Nozhbitha. Powered by Blogger.
 

Blog Archive