HTML Text Formatting

HTML didefinisikan dengan berjibun element dari format tampilan,seperti text tebal atau text miring

---

Bagaimana Caranya melihat HTML Source

Pernahkah anda melihat sbuah halaman web dan Takjub "Hey! Bagaimana Mereka mebuatnya?"

Untuk mengetahui nya, click pilihan VIEW pada browser's toolbar dan pilihlah
SOURCE atau PAGE SOURCE.Ini akan Membuka sebuah window yang menunjukkanpada anda tentang kode HTML pada halaman tersebut.

---

Text Formatting Tags

Tag	Description
<b>	Defines bold text
<<big>	Defines big text
<<em>	Defines emphasized text
<i>	Defines italic text
<small>	Defines small text
<strong>	Defines strong text
<sub>	Defines subscripted text
<sup>	Defines superscripted text
<ins>	Defines inserted text
<del>	Defines deleted text
<s>	Deprecated. Use <del> instead
<strike>	Deprecated. Use <del> instead
<u>	Deprecated. Use styles instead

"Computer Output" Tags

Tag	Description
<code>	Defines computer code text
<kbd>	Defines keyboard text
<samp>	Defines sample computer code
<tt>	Defines teletype text
<var>	Defines a variable
<pre>	Defines preformatted text
<listing>	Deprecated. Use <pre> instead
<plaintext>	Deprecated. Use <pre> instead
<xmp>	Deprecated. Use <pre> instead

Citations, Quotations, and Definition Tags

Tag	Description
<abbr>	Defines an abbreviation
<acronym>	Defines an acronym
<address>	Defines an address element
<bdo>	Defines the text direction
<blockquote>	Defines a long quotation
<q>	Defines a short quotation
<cite>	Defines a citation
<dfn>	Defines a definition term

---

HTML Dasar Tag

Yang Terpenting dalam tag HTML adalah yg mendefinisikan tentang Heading,paragraphs dan line breaks.
Cara terbaik dalam belajar HTML adalah dengan melakukan percobaan dengan contoh.

---

Headings

Headings di definisikan dengan <h1> Hingga <h6> tags. <h1>
Berarti heading yg paling besar. <h6> heading terkecil.

<h1>ini adalah yang di sebut heading</h1> <h2>ini adalah yang di sebut heading</h2> <h3>ini adalah yang di sebut heading</h3> <h4>ini adalah yang di sebut heading;/h4> <h5>ini adalah yang di sebut heading</h5> <h6>ini adalah yang di sebut heading</h6>

HTML secara otomatis akan menambahkan Baris baru sebelum dan sesudah heading.

---

Paragraphs

Paragraphs didefinisikan dengan <p> tag.

<p>ini adalah paragraph</p> <p>ini adalah paragraph yang alin</p>

HTML secara otomatis akan menambahkan Baris baru sebelum dan sesudah paragraph.

---

Line Breaks

<br> tag digunakan jika anda mau mengakhiri sebuah baris ,tapi tidak mau memulai dengan paragtaph yg baru.<br> tag ini akan memberikan baris baru /Line Breaksdimanampun anda menempatkannya.

<p>ini con <br>toh sebuah para<br>graph dengan line breaks</p>

<br> tag adalah tag kosong istilah gaul nya tag jomblo.jadi tidak memerlukan tag akhir.

---

Comments pada HTML

comment tag di gunakan untuk memasukkan komentar pada sumber kode HTML alias HTML source code. nah komentar tersebut akan diabaikan oleh A browser.anda bisa menggunakan untuk menjelaskan kode yg sedang anda buat,yang mana bisa memudahkan dan membantu anda jika nanti anda mau mengedit/merubah sumber kode/ source code di lain waktu.

<!-- ini adalah komentar --> <!-- tag ini juga dipakai untuk mendisfungsikan kode di antara tag -->

catatan anda perlu meletakkan tanda seru(!) setelah karakter "<" bukan sebelum karakter ">" OK!.

---

Catatan kaki - Tips yang mungking berguna

jika anda menulis text HTML ,anda tidak akanpernah merasa yakin bagaimana text tsb ditampilkan pada browser yang lain.sebagian orang menggunakan komputer dengan tampilan yg sangat besar(kayak layar tancap kali),sebagian kecil(seperti pada HP ). nah..text tersebut akan di format ulang tiap kali orang tersebut merubah ukuran tampilan window nya.maka dari itu jangan pernah memberikan format baris kosong maupun spasi pada penulisan text HTML.

HTML akan membaca lain terhadap spasi pada text anda . setiap jumlah spasi di baca sebagai satu. extra info:
pada HTML sebuah baris baru akan di baca sebagai satu spasi. 

pergunakanlah paragraphs kosong <p> untuk memasukkan baris kosong/blank lines adalah kebiasaan yg sangat buruk(seperti kebiasaan saya nih). sebaiknya gunakanUse
<br> tag ini saja. (tapi jangan gunakan <br> tag untuk membuat daftar/ lists.
Tunggu saja sampai anda belajar HTML lists.)

anda mungkin sudah mengerti bahwa sebuah paragraphs bisa ditulis tanpa memakai tag penutup'akhir
</p>. abaikan hal tersebut.karna pada versi HTML yang terbaru tidak membolehkan untuk mengabaikan tag akhir.

HTML secara otomatis akan menambahkan Baris baru sebelum dan sesudah elements, seperti sebelum dan sesudah
paragraph, dan seperti sebelum dan sesudah heading.

saya gunakan garis horizontal (the <hr> tag),untuk memisahkan beberapa bagian pada tutorial ini.

---

HTML Tags Dasar

Tag	penjelasan
<html>	Definisi dari HTML Document
<body>	Definisi dari Dokument body
<h1> to <h6>	Definisi dari header 1 sampai header 6
<p>	Definisi dari paragraph
<br>	memasukkan satu baris pemisah/baru
<hr>	Definisi dari Garis horizontal
<!-->	Definisi dari sebuah komentar a comment

HTML Elements

Html Dokumen adalah file text yg dibuat dari rangkain ELEMENT HTML
ELEMENT HTML Didefinisikan menggunakan Tag HTML

HTML Tags

• HTML tags digunakan untuk me markup Element HTML


• HTML tag di liputi dengan dengan dua karakter < dan >


• karakter yg meliputi tersebut di sebut angle brackets


• HTML tags biasanya selalu berpsangan seperti <b> and </b>


• tags pertama pada pasangan di sebut start tags /tag awal.sedangakn yg berikut nya di sebut end tags /tag akhir


• tag yang terletak diantara start tag dan end tags di sebut content element


• tag HTML tidak mesti identik seperti <b> artinya sama <B>

HTML Elements

Masih ingat contoh html pada mypage.htm:

<html> <head> <title>Judul dari halaman /page</title> </head> <body> ini halaman pertama. <b>Text ini tebal coyyy</b> </body> </html>

ini adalah HTML element:

<b>Text ini tebal coyyy</b>

HTML element di awali dengan start tag: <b>

content/isi dari HTML element adalah: text ini tebal coyy


HTML element di akhiri dengan akhiran end tag: </b>

maksud dari penggunaan <b> tag untuk mendefinisikan HTML element bahwa yg di tampilkan adalah tebal adanya.

Berikut merupakan HTML element juga:

<body> ini halaman pertama. <b>Text ini tebal coyyy</b> </body>

HTML element di awali dengan start tag <body>, dan di akhiri dengan
end tag </body>.

di gunakannya <body> tag agar mendefinisikan HTML element terhadap isi keseluruhan daripada dokumen HTML .

---

kenapa menggunakan karakter huruf kecil dalam tag?

saya telah mengatakan bahwa HTML tags tidaklah terlalu berpengaruh: <B> artinya sama <b>. jika anda menjelajahi situs web, kebanyakan dari mereka menggunakan karakter huruf besar pada HTML tags di dalam kode source nya. saya senang aja menggunakan huruf kecil.Tanya kenapa?

Jika anda mau mengikuti perkembangan standar terbaru dari web, kamu mesti menggunakan /membiasakan diri memakai karakter huruf kecil. The World Wide Web Consortium (W3C) memberikan rekomendasi penggunaan karakter huruf kecil pada tag untuk digunakan pada Versi HTML 4 , dan XHTML (generasi HTML ter gress) mensyaratkan penggunaan karakter huruf kecil pada tags.

---

Tag Attributes

Tags dapat memiliki beberapa Attribute. Attributes ini menyuplai beberapa informasi pada HTML element.

nah tag ini mendefinisikan pada HTML table: <table>. dengan menambah garis/batas/border attribute, anda bisa menyampaikan pada browser Bahwa Table tersebut tidak usah pakai batas/garis alias no borders: <table border="0">

Attributes selalu berpasangan name/value (artinya nama berpasangan dengan value coy "contoh")seperti ini: name="value".

Attributes selalu sepesifik pada awalan tag dari sebuah HTML element.

Attributes and attribute values penggunaan karakter sangan sensitif.Namun, World Wide Web Consortium (W3C) sangat merekomendasikan penggunaan karakter huruf kecil pada attributes/attribute values dalam versi HTML 4 , dan XHTML mensyaratkan penggunaan karakter huruf kecil pada attributes/attribute values.

---

titik atas atau QUOTE selalu di gunakan pada Attribute Values

Attribute values mesti harus di tutup dengan titik atas /Quote. Dua titik atas adalah yg sering di gunakan pada penerapan,
tapi menggunakan satu aja boleh boleh aja(hitung-hitung hemat space.

pada situasi yg khusus,seperti jika pada attribute value itu sudah terkandung titik/quotes, maka penggunaan satu titik sangatlah penting dan harus:

nama='Wiro "Pendekar212" Sableng'

HTML -Salam Kenal HTML

Di tutorial ini anda akan belajar bagaimana menggunakan HTML untuk membuat website

Percayalah HTML itu mudah untuk di pelajari!

anda akan sangat menyukai nya!

Apakah yg dinamakan File HTML ?

-HTML itu singkatan dari Hyper Text Markup Language

-Pada sebuah file HTML berisi markup tag kecil

-Markup tags ini akan memberitahukan/berkomunikasi dengan borwser web bagaimana sebuah halaman di tampilkan

-Sebuah file HTML mesti berakhiran/extention dengan htm atau html

-File HTML bisa dengan mudah di buat dengan text editor semacam notepad/wordpad


Mari Kita Mulai.........
Jika anda menggunakan windows pakai aja Notepad..

Tulis text berikut (anda bisa pakai copy paste kalau mau)pada text editor anda.

<html> <head> <title>Judul Halaman /Page</title> </head> <body> Ini adalah page pertama saya. <b>ini Hurup Tebal</b> </body> </html>

simpan file sebagai berikut mypage.htm

luncurkan internet browser anda (firefox,IE,Opera dll) dan bukalah mypage.htm tersebut.

Penjelasan Tentang tags Di atas


tags pertama pada dokument HTML anda adalah <html>.tags ini memberitahukan pada browser anda bahwa ini permulaan dari pada dokument HTML.Tags terakhir pada dokument anda adalah </html>.nah tags ini akan memberitahukan pada browser bahwa ini merupakan akhir dari dokument HTML.

sedangkan text yg terletak di antara <head> tag dan </head> merupakan informasi Header dan informsi header ini tidak akan tampil pada window browser.

Text yg terletak diantara <title> tag dan </title> ini merupakan judul bukan jadul lo dari dokument anda.judul ini akan tampil pada Caption browser anda.

Text diantara <body> tag dan </body> adalah text yg akan di tampikan pada browser anda..

Text di antara <b> tag dan </b> adalah untuk menampilkan/jenis format font..

Extention HTM APA HTML SIH.......?

Hm...Jika anda mau menyimpan /save file htmjavascript:void(0)
Publish Postl anda dapat menggunakan salah satu extensi tersebut contoh:mypage.htm atau mypage.html semuanya sama-sama bisa dipakai..tapi sebaiknya gunakan extensi HTML aja..

ok ..kita lanjut..tapi aku mau bobok dulu deh..besok kita lanjutin pada ELEMENT HTML

Kursus membangun website-GRATIS!

Di e-sekolah.blogspot.com anda akan menemukan tutorial semua yg anda ingin ketahui dan butuhkan dalam membangun sebuah website,mulai dari Dasar HTML dan XHTML sampai tingkatan advance XML,SQL,Database,Multimedia dan WAP..Tinggal pilih aja Tutorial yg di maskud..gratis kok..

Catatan:
saya sedang belajar juga lo...jika anda mempunyai saran maupun masukan saya sangat berterimakasih sekali..karna membagi pengetahuan itu sangatlah menguntungkan dan banyak pahala