Belajar HTML Buat Pemula

· Tutorial
Penulis

Belajar HTML Buat Pemula, yuk kita belajar bareng-bareng…..!

HTML Tag

  • HTML tag adalah kata yang dikelilingi <>, seperti <HTML>
  • HTML normalnya selalu berpasangan, seperti <b> dan </b>
  • Tag pertama disebut Start Tag dan yang kedua adalah End Tag
  • Start Tag dan End Tag juga biasa disebut Opening Tag dan Closing Tag

HTML Documents

  • HTML Document berisi web pages
  • HTML Document mengandung HTML tag dan teks biasa
  • HTML Documen juga bisa disebut web page

Langsung aja latihan, yuk !

Heading
<H1> This is heading <H1><H2> This is heading <H2><H3> This is heading <H3>
Akan menjadi seperti ini :

This is heading

This is heading

This is heading



HTML Lines
Tag <hr /> akan membuat garis horisontal 

<p> paragraf 1 </p><hr/><p> paragraf 2 </p><hr/><p> paragraf 3 </p><hr/><p> paragraf 3 </p><hr/>
akan menjadi seperti ini :

paragraf 1


paragraf 2

paragraf 3

<p> dan </p> tag untuk membuat paragraf

HTML Comments
<–! Ini komentar –>
Komentar ini untuk menandai fungsi sekelompok HTML supaya tidak tertukar

HTML Line Breaks
Pemecah baris atau kalau kita mengetik biasa menekan tombol enter, menggunakan tag <br/>
<p>This is<br />a para<br />graph with line breaks</p>
Hasilnya :
This is
a para
graph with line breaks

HTML Formatting
<p><b> ini tebal </b></P><p><i> ini miring </i></p><p><u> ini garis bawah </u></p><p><code> ini huruf komputer </code></p><p><em> ini penekanan pada huruf </em></p><p>Ini <sub> bawah </b> ini <sup> atas </sup> </p>
Hasilnya :


ini tebal
ini miring
ini garis bawah
ini huruf komputer
ini teks sambung
ini bawah ini atas

Tag Description
<b> Untuk huruf tebal
<big> Untuk huruf besar
<em> Untuk penekanan pada huruf 
<i> Untuk huruf miring
<small> Untuk huruf kecil 
<strong> Untuk huruf kuat
<sub> Untuk huruf pangkat bawah
<sup> Untuk huruf pangkat atas
<ins> Untuk huruf yang disisipkan 
<del> Untuk huruf yang telah dihapus

Tag Description
<code> Untuk huruf komputer
<kbd> Untuk huruf keyboard
<samp> Untuk huruf sampel
<tt> Untuk huruf ketik
<var> Untuk variabel
<pre> Untuk teks sebelum diformat

Tag Description
<abbr> Untuk singkatan
<acronym> Defines an acronym
<address> Untuk alamat
<bdo> Untuk arah teks
<blockquote> Untuk quote panjang
<q> Untuk quote pendek
<cite> Untuk huruf latin
<dfn> Untuk mendefinisikan 

HTML Font
Penggunaan tag <font>

<font size=”5″ face=”arial” color=”red”>Ini adalah paragraf dengan huruf ukuran 5, jenis arial dan warna merah</font>
Hasilnya :
Ini adalah paragraf dengan ukuran 5, jenis arial dan warna merah
Ada baiknya mengetahui jenis huruf, ukuran huruf minimal dan maksimal serta daftar warna yang dapat dipakai

HTML Styles – CSS
<html><body style=”background-color:PowderBlue;”><h1>Look! Styles and colors</h1><p style=”font-family:verdana;color:red;”>This text is in Verdana and red</p><p style=”font-family:times;color:green;”>This text is in Times and green</p><p style=”font-size:30px;”>This text is 30 pixels high</p></body></html>
Hasilnya :

Look! Styles and Color

Ini jenis teks Verdana
Ini jenis teks Times dan warna Hijau
Ini adalah ukuran 30 pixel

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: