EBOOK HTML

Oke dari pembelajaran-pembelajaran sebelumnya mungkin beberapa orang sulit untuk memahaminya jadi saya akan share ebook free dari ariona.net.
ebook ini bisa di bilang cukup bagus karna dulu saya juga belajar dari ebook ini dan alhamdulilha saya sudah bisa menggunakan html dan css meskipun belum bisa di bilang ahli hehe .
yaudah buruan di sedot ajah gan ini linknya di bawah :D

http://www.ariona.net/ebook-belajar-html-dan-css/

Tag Frame

Sistem navigasi sebuah situs web adalah salah satu sistem penunjang yang akan memberikan nilai tambah pada situs tersebut. Semakin sederhana dan mudah sistem navigasi akan semakin baik karena akan semakin memudahkan pengguna untuk menggunakan seluruh fasilitas dan layanan yang ditawarkan.

Untuk itu kita perlu membagi sebuah halaman web kedalam beberapa blok terpisah dan masing-masing blok tersebut diisi dengan halaman web lain. Misalnya kita ingin membagi dua kolom, kolom sebelah kiri untuk halaman navigasi dan halaman sebelah kanannya diisi dengan halaman sebenarnya.

Pembagian sebuah halaman web kedalam beberapa blok ini dapat dilakukan dengan tag Frame. Berikut ini sintaksis bentuk dasarnya :

Tag Table

Seringkali informasi yang akan ditampilkan adalah informasi olahan yang berbentuk tabel, sehingga kitapun memerlukan format ini di dalam dokumen HTML. Format ini dapat diwujudkan dengan menggunakan tag tabel <tabel>. Sedikit berbeda dengan tag lainnya, tag tabel ini memerlukan tag lainnya untuk menampilkan data dalam bentuk tabulasi. Berikut ini uraiannya :

Tag Hyperlink

Kekuatan utama dokumen HTML terletak pada hypertext link atau hyperlink atau lebih singkat lagi disebut link. Dengan hyperlink ini kita bisa membuka dokumen HTML lain atau langsung menuju ke bagian tertentu sebuah dokumen HTML. Hyperlink ini dapat diletakkan pada teks tertentu ataupun pada sebuah image, bila diletakkan pada teks maka teks tersebut (secara default) akan digaris-bawahi dan warnanya menjadi berbeda. Sintaksis penulisan :

Tag Images

Untuk menyisipkan gambar kita dapat memanfaatkan tag <IMG>. Format file gambar yang bisa ditampilkan bisa bermacam-macam, misalnya jp, jpeg, pcx, gif, psd, dan sebagainya. Pada umumnya, perancang web hanya menggunakan kombinasi dari tiga format file gambar saja yaitu jpeg, gif dan psd. Sintaksis:

Tag Alignment

Pengaturan posisi horisontal teks juga menentukan kemudahan bagi pengguna untuk membaca dan mengikuti informasi yang dihasilkan. Pengaturan posisi horisontal teks dapat menggunakan tag Alignment <DIV> dengan sintaksi sebagai berikut :

<DIV align="left/right/center"><>

List

List ini biasa di gunakan untuk penomoran atau pemisahan atau lain lain .

HTML mendukung beberapa format list, yaitu Unnumbered List dan Numbered List.

1. Unnumbered List

Unnumbered List adalah list yang menggunakan bullet sebagai tanda point.

Contoh sintaksis :
<UL>
<LI> apples
<LI> bananas
<LI> grapefruit
</UL>

Hasil render di browser :

• apples
• bananas
• grapefruit

2. Numbered List

List yang menggunakan angka urut sebagai tanda point. Contoh sintaksis :
<OL>
<LI> oranges
<LI> peaches
<LI> grapes
</OL>

Tampilan di browser :

1. oranges
2. peaches
3. grapes

di mengerti baik-baik ya .

sumber : http://faculty.petra.ac.id/

Atribut Warna

Di html kita bisa menggunakan atribut warna , sebenernya atribut warna bisa kita tuliskan hanya dengan bahasa inggrish misalnya bgcolor=white tapi itu hanya akan menampilkan warna dominan . jika menggunakan code ada berbagai macam warna misalnya merah ke birual dll .
ini dia code-code warna tersebut .

Untuk lebih mempercantik tampilan sebuah halaman web, permainan warna menjadi satu hal penting dalam perancangan halaman web. Penulisan atribut warna dapat menggunakan nilai heksa desimal (6 digit) ataupun nama warnanya. Berikut ini tabulasi nama warna dan angka heksadesimalnya :

No	Nama	HeksaDesimal
1	Hitam	#000000
2	Blue	#0000FF
3	Brown	#A52A2A
4	Green	#008000
5	Orange	#FFA500
6	Magenta	#FF00FF
7	DarkGreen	#006400
8	Gray	#808080
9	Cyan	#00FFFF
10	Gold	#FFD700
11	GreenYellow	#ADFF2F
12	Aqua	#00FFFF
13	Antiquewhite	#FAEBD7

ini hanya sebagian di google ada banyak :)

sumber : http://faculty.petra.ac.id/

Tag Font

Nah berhubung sebelumnya lupa jadi saya searching lg tadi and saya mau share oke :D

Dalam mengatur layout sebuah halaman web yang berisi teks, pengaturan besarnya huruf, warna dan ukuran adalah hal yang sangat penting untuk dilakukan oleh seorang perancang web. Pengaturan ini dapat menggunakan tag Font <FONT> dengan sintaksis sebagai berikut :

<font face="nama_font" size="4" color="red">

Ukuran font dapat ditentukan dengan angka 1 sampai 7 dengan nilai default 2. Sedangkan warna dapat diganti dengan warna lain (lihat padapenjelasan atribut warna).

Contoh penggunaan :

<font face="arial" size="5" color="blue">Teks arial biru ukuran 5 </font>
<font face="arial" size="3" color="green">Teks arial hijau ukuran 3</font>

Tampilan di browser :

Teks arial biru ukuran 5
Teks arial hijau ukuran 3

sumber : http://faculty.petra.ac.id/

Font Style

Salah satu tujuan perancangan halaman web adalah membuat halaman web yang menarik atau "eye catching". Untuk itu dalam suatu paragraph diperlukan suatu variasi huruf atau font style.

Berikut ini beberapa font style yang sering digunakan, antara lain :

Tag Style	Keterangan
<b>	Huruf tebal (bold)
<i>	Huruf miring (italic)
<u>	Huruf garis bawah (underline)
<code>	Huruf seperti sans serif

bisa juga menentukan ukuran font tapi saya lupa tagnya hehe monggo di searching di google sendiri :D

sumber : http://faculty.petra.ac.id/

Heading, Paragraph, Break

Heading

Tag Heading ini diperlukan sebagai judul dalam sebuah paragraph, ada 6 (enam) level heading yang disediakan dalam format HTML. Berikut ini sintaksisnya :

<Hn> Teks Heading </Hn>

huruf n diganti dengan angka 1 sampai 6 sesuai dengan level yang dikehendaki.

<H1> Teks Heading </H1>

<H2> Teks Heading </H2>

Paragraph

Jika dokumen HTML berisi teks yang cukup panjang maka sangat diperlukan untuk membaginya kedalam beberapa paragraph untuk memudahkan pembacaan oleh pengguna. Pembentukan elemen paragraph ini menggunakan sintaksis :

<p>Isi teks sebuah paragraph </p>

tag penutup </p> boleh dituliskan boleh tidak, akan tetapi sebaiknya dituliskan untuk mengetahui berakhirnya sebuah paragraf.

Break

Kadangkala kita memerlukan untuk menulis di baris yang baru dalam sebuah paragraf yang sama. Untuk itu kita perlu menggunakan tag line break ini. Tag Break adalah tag tunggal sehingga tidak memiliki tag penutup. Sintaksis tag Break berupa :

<BR>

sumber : http://faculty.petra.ac.id/dwikris/docs/desgrafisweb/html_dasar/tag_heading.html

Tag Tunggal

Secara umum, tag HTML adalah tag-tag yang berpasangan. Akan tetapi, ada beberapa tag yang tidak berpasangan, misalnya :

• tag <HR> : garis berikut
• tag <BR> : baris baru
• tag <P> : paragraph baru

Tag Body

OK, kita mengingat kembali tag Body di penjelasan sebelumnya. Tag Body adalah tag berpasangan dan seluruh content document diletakkan diantaranya. Dalam bentuk yang paling sederhana memiliki format sebagai berikut :

<BODY> </BODY>

Tetapi sebenarnya format tag Body lebih kompleks lagi, karena beberapa setting dokumen kita didalam tag Body ini. Amati contoh berikut :

<BODY BGCOLOR=white TEXT=black
LINK=blue ALINK=green VLINK=red>
</BODY>

Diperlihatkan di contoh, bahwa tag Body memiliki setting tambahan berupa atribut dan value, dengan format sebagai berikut :

Tag Meta

Seperti telah dijelaskan sebelumnya, tag-tag pada elemen HEAD tidak akan ditampilkan oleh web browser, tetapi tag-tag pada elemen ini berfungsi untuk memberikan informasi mengenai halaman web dibawahnya.

Di elemen Head ada beberapa tag-tag Meta yang bisa digunakan, tetapi kita akan membahas tiga tag yang cukup penting, yaitu tag meta author, descriptiondan keyword. Tag-tag meta ini tidak memiliki tag penutup seperti tag-tag di elemen body pada umumnya.

Tag Meta Auhtor

Tag ini berfungsi untuk menjelaskan perancang halaman web. Contoh :

<meta name="Author" content="Nama perancang ">

Halaman Sederhana Menggunakan HTML

Oke friend dari review sebelumnya kan sudah sedikit di jelaskan tentang tag html . Nah skrang kita akan mencoba membuat halaman sederhana oke .

Sebaiknya seluruh tag yang digunakan dalam sebuah halaman web menggunakan standard HTML tertentu. Saat ini versi terakhir standard HTML adalahHTML 4.0.

Dokumen HTML terbagi dalam dua bagian besar yaitu bagian head dan bagian body. 

Bagian head berfungsi untuk memberikan informasi-informasi penting tentang dokumen HTML tersebut dan informasi tersebut tidak ditampilkan di layar monitor. 

Sementara itu, bagian body adalah berisi semua instruksi untuk mengatur seluruh tampilan halaman web di web browser dan informasi lain yang tidak termasuk dalam bagian head. 

Berikut ini bentuk paling sederhana sebuah halaman web :

Apa Itu Tag Html

Tag HTML adalah bagian utama dari html itu sendiri fungsinya berbagai macam seperti tata letak , option font dll . tag html di awali dengan tanda < dan di akhiri dengan tanda > contoh : <body>.
untuk tag di mana ada pembuka harus ada penutup di belakangnya misalnya
<h1>Tutorial Website</h1> ini adalah tag untuk judul .

Apa Itu HTML ??

oke salam hangat semuanya disini saya akan mencoba menjelaskan apa itu html . HTML (Hyper Text Markup Language) adalah bahasa pemrograman berbasis web . Bahasa pemrograman ini bisa di bilang bahasa yang paling dasar , soo saudara yang ingin belajar bahasa pemrograman sebaiknya di mulai dari sini .