HTML Tabel / Table

Tabel HTML Apel 44% Pisang 23% Jeruk 13% Lainnya 10%

---

Cobalah Sendiri - Contoh

Tabel

Cara membuat tabel dalam sebuah dokumen HTML.

Tabel perbatasan

Bagaimana menentukan batas table yang berbeda.

(Anda dapat menemukan lebih banyak contoh di bagian bawah halaman ini).

---

Tabel HTML

Tabel didefinisikan dengan tag <table>.

Sebuah tabel dibagi menjadi baris (dengan tag <tr>), dan setiap baris dibagi menjadi sel-sel data (dengan tag <td>). td singkatan dari "table data," dan memegang isi sel data. Tag <td> dapat berisi teks, link, gambar, daftar, bentuk, tabel lain, dll

Tabel Contoh

<table border="1"> <tr> <td>Baris 1, Kolom 1</td> <td>Baris 1, Kolom 2</td> </tr> <tr> <td>Baris 2, Kolom 1</td> <td>Baris 2, Kolom 2</td> </tr> </table>

Bagaimana kode HTML di atas terlihat pada browser:

Baris 1, Kolom 1	Baris 1, Kolom 2
Baris 2, Kolom 1	Baris 2, Kolom 2

---

HTML Tabel dan Atribut Perbatasan

Jika Anda tidak menentukan atribut border, tabel akan ditampilkan tanpa batas. Kadang-kadang ini bisa bermanfaat, tapi sebagian besar waktu, kita ingin perbatasan untuk menunjukkan.

Untuk menampilkan tabel dengan perbatasan, menentukan atribut border:

<table border="1"> <tr> <td>Baris 1, Kolom 1</td> <td>Baris 1, Kolom 2</td> </tr> </table>

---

HTML Tabel Header

Header informasi dalam tabel didefinisikan dengan tag <th>.

Teks dalam elemen th akan berani dan terpusat.

<table border="1"> <tr> <th>Header 1</th> <th>Header 2</th> </tr> <tr> <td>Baris 1, Kolom 1</td> <td>Baris 1, Kolom 2</td> </tr> <tr> <td>Baris 2, Kolom 1</td> <td>Baris 2, Kolom 2</td> </tr> </table>

Bagaimana kode HTML di atas terlihat pada browser:

Header 1	Header 2
Baris 1, Kolom 1	Baris 1, Kolom 2
Baris 2, Kolom 1	Baris 2, Kolom 2

---

Contoh Lainnya

Tabel tanpa batas

Cara membuat tabel tanpa batas.

Tabel header

Cara membuat header tabel.

Table dengan keterangan

Bagaimana menambahkan keterangan ke table.

Tabel span kolom-kolom yang lebih dari satu baris / kolom

Bagaimana mendefinisikan sel tabel yang span lebih dari satu baris atau satu kolom.

Tag di dalam tabel

Bagaimana menampilkan elemen-elemen di dalam unsur-unsur lain.

Cell padding

Cara menggunakan cellpadding untuk menciptakan lebih banyak ruang putih antara isi sel dan perbatasannya.

Cell spacing

Cara menggunakan cellspacing untuk meningkatkan jarak antara sel.

Atribut bingkai

Cara menggunakan "frame" atribut untuk mengontrol perbatasan di sekitar table.

---

HTML Tabel Tag

Tag	Deskripsi
<table>	Mendefinisikan tabel
<th>	Mendefinisikan sebuah header tabel
<tr>	Mendefinisikan sebuah baris tabel
<td>	Mendefinisikan sebuah kolom tabel
<caption>	Mendefinisikan sebuah judul tabel
<colgroup>	Mendefinisikan kelompok kolom dalam sebuah tabel, untuk memformat
<col />	Mendefinisikan nilai atribut untuk satu atau lebih kolom dalam tabel
<thead>	Groups isi header dalam sebuah tabel
<tbody>	Groups isi tubuh dalam tabel
<tfoot>	Groups isi footer dalam sebuah tabel

Sumber www.w3schools.com

READ MORE - HTML Tabel / Table

HTML Gambar / Image

Contoh Norwegian Mountain Trip Coba sendiri »

---

Cobalah Sendiri - Contoh

Sisipkan gambar

Bagaimana menyisipkan gambar ke dalam dokumen HTML.

Sisipkan gambar dari lokasi yang berbeda

Cara memasukkan gambar dari folder lain atau server lain.

(Anda dapat menemukan lebih banyak contoh di bagian bawah halaman ini).

---

HTML Tag <img> dan Atribut Src

Dalam HTML, gambar didefinisikan dengan tag <img>. 

Tag <img> kosong, yang berarti bahwa mengandung atribut saja, dan tidak memiliki tag penutup.

Untuk menampilkan gambar pada halaman, Anda perlu menggunakan atribut src. Src singkatan dari "Source". Nilai atribut src adalah URL gambar yang ingin ditampilkan.

Sintaks untuk mendefinisikan gambar:

<img src="url" alt="Nama File Gambar / Judul Gambar "/>

poin URL ke lokasi di mana gambar disimpan. Gambar bernama "boat.gif", yang terletak di direktori "images" pada "www.w3schools.com" memiliki URL: http://www.w3schools.com/images/boat.gif.

Browser menampilkan gambar di mana tag <img> terjadi dalam dokumen. Jika Anda memasang tag gambar antara dua paragraf, browser menampilkan paragraf pertama, maka gambar, kemudian paragraf kedua.

---

HTML Atribut Alt

Atribut alt diperlukan menentukan sebuah teks alternatif untuk sebuah gambar, jika gambar tidak dapat ditampilkan.

Nilai atribut alt adalah teks yang ditentukan penulis:

<img src="boat.gif" alt="Boat Besar " />

Atribut alt memberikan informasi alternatif untuk gambar jika pengguna untuk beberapa alasan tidak bisa melihatnya (karena koneksi yang lambat, kesalahan dalam atribut src, atau jika pengguna menggunakan screen reader).

---

Catatan Dasar - Tips Yang Berguna

Catatan: Jika file HTML berisi sepuluh gambar - file sebelas diperlukan untuk menampilkan halaman yang tepat. Loading gambar memakan waktu, jadi saran terbaik saya adalah: Gunakan gambar dengan hati-hati.

Catatan: Ketika sebuah halaman web dibuka, ini adalah browser, pada saat itu, yang benar-benar mendapatkan gambar dari web server dan memasukkan ke halaman. Karena itu, pastikan bahwa gambar benar-benar tinggal di tempat yang sama dalam hubungannya dengan halaman web, jika pengunjung Anda akan mendapatkan ikon link yang rusak. Ikon link rusak ditampilkan jika browser tidak dapat menemukan gambar.

---

Contoh Lainnya

Menyelaraskan gambar

Bagaimana untuk menyesuaikan gambar dalam teks.

Biarkan gambar float

Bagaimana membiarkan gambar float ke kiri atau kanan paragraf.

Membuat hyperlink dari suatu gambar

Cara menggunakan gambar sebagai link.

Buat peta gambar

Cara membuat peta gambar, dengan daerah diklik. Masing-masing daerah adalah hyperlink.

---

Gambar Tag HTML

Tag	Deskripsi
<img />	Mendefinisikan gambar
<map>	Mendefinisikan gambar-map
<area />	Mendefinisikan daerah yang dapat diklik dalam peta-image

Sumber www.w3schools.com

READ MORE - HTML Gambar / Image

HTML Link

Link yang ditemukan di hampir semua halaman web. Link memungkinkan pengguna untuk mengklik dengan cara mereka sendiri dari halaman ke halaman.

---

Cobalah Sendiri - Contoh

HTML links

Cara membuat link pada dokumen HTML.

(Anda dapat menemukan lebih banyak contoh di bagian bawah halaman ini)

---

HTML Hyperlink (Link)

Sebuah hyperlink (atau link) adalah kata, kelompok kata, atau gambar yang dapat Anda klik untuk melompat ke dokumen baru atau bagian baru di dalam dokumen saat ini.

Bila Anda memindahkan kursor di atas link di halaman Web, panah akan berubah menjadi tangan kecil.

Link yang ditentukan dalam HTML menggunakan tag <a>.

Tag <a> dapat digunakan dalam dua cara:

1. Untuk membuat link ke dokumen lain, dengan menggunakan atribut href
2. Untuk membuat bookmark dalam dokumen, dengan menggunakan atribut nama

---

Link HTML Sintaks

Kode HTML untuk link sederhana. Ini terlihat seperti ini:

<a href="url">Link text</a>

Atribut href menentukan tujuan link.

Contoh

<a href="http://www.frozila.blogspot.com/">Kunjungi Frozila Blog </a>

yang akan menampilkan seperti ini: Kunjungi Frozila Blog

Mengklik hyperlink ini akan mengirim pengguna ke situs Frozila Blog'.

Tip: "teks link" tidak harus berupa teks. Anda dapat link dari sebuah gambar atau elemen HTML lainnya.

---

HTML Link - Atribut Target

Atribut target menentukan tempat untuk membuka dokumen terkait.

Contoh di bawah akan membuka dokumen link dalam jendela browser baru:

Contoh <a href="http://www.frozila.blogspot.com/" target="_blank">Kunjungi Frozila Blog </a> Coba sendiri »

---

HTML Links - Nama Atribut

Atribut name menentukan nama anchor.



Atribut name digunakan untuk membuat bookmark dalam dokumen HTML.

Bookmark tidak ditampilkan dalam cara yang khusus. Mereka tidak terlihat oleh pembaca.

Contoh

Bernama jangkar di dalam dokumen HTML:

<a name="tips">Bagian Tips Berguna</a>

Buat link ke "Bagian Tips berguna" di dalam dokumen yang sama:

<a href="#tips">Kunjungi Bagian Tips Berguna</a>

Atau, membuat link ke "Bagian Tips Berguna" dari halaman lain:

<a href="http://www.frozila.blogspot.com/#tips">Kunjungi Bagian Tips Berguna</a>

---

Catatan Dasar - Tips Yang Berguna

Catatan: Selalu menambahkan garis miring untuk referensi subfolder. Jika Anda link seperti ini: href = "http://www.frozila.blogspot.com/html", Anda akan menghasilkan dua permintaan ke server, server akan menambahkan slash pertama ke alamat, dan kemudian membuat permintaan baru seperti ini : href = "http://www.frozila.blogspot.com/html/".

Tip: Bernama jangkar sering digunakan untuk membuat "daftar isi" pada awal suatu dokumen yang besar. Setiap Bab dalam dokumen diberikan bernama jangkar, dan link ke masing-masing jangkar yang diletakkan di bagian atas dokumen.

Tip: Jika browser tidak menemukan bernama jangkar ditentukan, ia pergi ke bagian atas dokumen. Tidak terjadi kesalahan.

Sumber www.w3schools.com

READ MORE - HTML Link

Format Tag HTML

Memformat Teks HTML Tag

Tag	Deskripsi
<b>	Mendefinisikan teks tebal
<big>	Mendefinisikan teks besar
<em>	Mendefinisikan teks menekankan
<i>	Mendefinisikan teks miring
<small>	Mendefinisikan teks kecil
<strong>	Mendefinisikan teks yang kuat
<sub>	Mendefinisikan teks subscript
<sup>	Mendefinisikan teks superscripted
<ins>	Mendefinisikan teks yang disisipkan
<del>	Mendefinisikan teks yang dihapus

HTML "Computer Output" Tag

Tag	Deskripsi
<code>	Mendefinisikan kode teks komputer
<kbd>	Mendefinisikan teks keyboard
<samp>	Mendefinisikan sampel kode komputer
<tt>	Mendefinisikan teks teletype
<var>	Mendefinisikan variabel
<pre>	Mendefinisikan teks terformat

HTML Citations, Kutipan, dan Tag Definisi

Tag	Deskripsi
<abbr>	Mendefinisikan singkatan
<acronym>	Mendefinisikan singkatan
<address>	Mendefinisikan informasi kontak untuk penulis / pemilik dokumen
<bdo>	Mendefinisikan arah teks
<blockquote>	Mendefinisikan sebuah kutipan panjang
<q>	Mendefinisikan kutipan pendek
<cite>	Mendefinisikan kutipan
<dfn>	Mendefinisikan sebuah istilah definisi

Sumber www.w3schools.com

READ MORE - Format Tag HTML

Paragraf HTML

Dokumen HTML terbagi ke dalam paragraf.

---

PARAGRAF DALAM HTML

Paragraf didefinisikan dengan tag <p>.

Contoh <p> Ini adalah sebuah paragraf </ p> <p> Ini adalah paragraf </ p> Coba sendiri »

Catatan: Browser secara otomatis menambahkan baris kosong sebelum dan sesudah paragraf.

---

Jangan Lupakan Tag Akhir

Kebanyakan browser akan menampilkan HTML dengan benar bahkan jika Anda lupa tag penutup:

Contoh <p> Ini adalah paragraf <p> Ini adalah paragraf lain Coba sendiri »

Contoh di atas akan bekerja di hampir semua browser, tetapi tidak bergantung pada itu. Melupakan tag akhir dapat menghasilkan hasil yang tidak diharapkan atau kesalahan.
Catatan: Masa Depan Versi HTML tidak akan memungkinkan Anda untuk melewatkan tag akhir.

---

HTML Line Breaks

Gunakan tag <br /> jika Anda ingin istirahat baris (baris baru) tanpa perlu memulai sebuah paragraf baru:

Contoh <p> <br /> <br /> a para grafik dengan garis istirahat </ p> Coba sendiri »

Unsur <br /> adalah elemen HTML yang kosong. Tidak memiliki tag penutup.

---

<br> atau <br />

Dalam XHTML, XML, dan versi masa depan dari HTML, elemen HTML tanpa tag penutup (tag penutup) tidak diperbolehkan.
Bahkan jika <br> bekerja di semua browser, menulis <br /> sudah cukup terbukti di masa depan.

---

HTML Output - Tips Berguna

Anda tidak bisa yakin bagaimana HTML akan ditampilkan. layar besar atau kecil, dan jendela ukurannya akan menciptakan hasil yang berbeda.
Dengan HTML, Anda tidak dapat mengubah output dengan menambahkan spasi ekstra atau baris ekstra dalam kode HTML Anda.
Browser akan menghapus spasi ekstra dan garis ekstra saat halaman ditampilkan. Setiap jumlah baris dihitung sebagai satu baris, dan sejumlah ruang dihitung sebagai satu spasi.
Coba sendiri
(Contoh ini menunjukkan beberapa masalah format HTML)

READ MORE - Paragraf HTML

Heading / Judul HTML

Heading / Judul penting dalam dokumen HTML.

---

HEADING DALAM HTML

Heading didefinisikan dengan <h1> untuk <h6> tag.
<h1> mendefinisikan heading terbesar. <h6> mendefinisikan heading terkecil.

Contoh <h1>Ini adalah heading h1</h1> <h2>Ini adalah heading h2</h2> <h3>Ini adalah heading h3</h3> Coba sendiri »

Catatan: Browser secara otomatis menambahkan baris kosong sebelum dan sesudah heading.

---

Heading Apakah Penting?

Gunakan heading HTML untuk judul saja. Jangan gunakan judul untuk membuat teks BESAR atau tebal.
Mesin pencari menggunakan judul Anda ke indeks struktur dan isi dari halaman web Anda.
Karena pengguna dapat melihat halaman Anda dengan judul tersebut, penggunaan heading penting untuk menunjukkan struktur dokumen.
Heading H1 harus digunakan sebagai judul utama, diikuti dengan judul H2, maka H3 pos yang kurang penting, dan sebagainya.

---

GARIS DALAM HTML

Tag <hr /> menciptakan garis horizontal dalam sebuah halaman HTML.

Unsur jam dapat digunakan untuk konten terpisah:

Contoh <p>This is a paragraph</p> <hr /> <p>This is a paragraph</p> <hr /> <p>This is a paragraph</p> Coba sendiri »

---

KOMENTAR DALAM HTML

Komentar dapat disisipkan ke dalam kode HTML untuk membuatnya lebih mudah dibaca dan dimengerti. Komentar diabaikan oleh browser dan tidak ditampilkan.
Komentar ditulis seperti ini:

Contoh <!-- This is a comment --> Coba sendiri »

Catatan: Ada tanda seru setelah kurung buka, tetapi tidak sebelum kurung penutup.

---

TIPS DALAM HTML - Cara Lihat Sumber HTML

Pernahkah Anda melihat halaman Web dan bertanya-tanya "Hei Bagaimana mereka melakukan itu?!"
Untuk mengetahui, klik kanan di halaman tersebut dan pilih "View Source" (IE) atau "View Page Source" (Firefox), atau serupa untuk browser lainnya. Ini akan membuka jendela yang berisi kode HTML dari halaman tersebut.

Sumber : www.w3schools.com

READ MORE - Heading / Judul HTML

Atribut HTML

Atribut memberikan informasi tambahan tentang elemen HTML.

---

Atribut HTML

• Elemen HTML dapat memiliki atribut
• Atribut memberikan informasi tambahan tentang suatu elemen
• Atribut selalu ditentukan dalam tag mulai
• Atribut datang dalam pasangan nama / nilai seperti: nama = "nilai"

---

Contoh Atribut

Link HTML didefinisikan dengan tag <a>. Alamat link ditetapkan dalam atribut href:

Contoh <a href="http://www.frozila.blogspot.com">Ini adalah link </a> Jajal Langsung :

---

Selalu Beri Tanda Kutip di Nilai Atribut

Nilai Atribut harus selalu diapit tanda kutip.

tanda kutip ganda yang paling umum, namun tanda kutip tunggal juga diperbolehkan.

Tip: Dalam beberapa situasi langka, ketika nilai atribut itu sendiri berisi tanda kutip, perlu untuk menggunakan tanda kutip tunggal: name = 'John "Shotgun" Nelson'

---

Tip HTML: Gunakan huruf kecil pada Atribut

Nama-nama Atribut dan nilai atribut adalah case-insensitive.

Namun, World Wide Web Consortium (W3C) merekomendasikan atribut huruf kecil / nilai atribut dalam rekomendasi HTML 4 mereka.

Versi yang lebih baru (X) HTML akan menuntut atribut huruf kecil.

---

Referensi Atribut HTML

Sebuah daftar lengkap atribut hukum untuk setiap elemen HTML terdaftar di link bawah ini:

Referensi HTML Lengkap

Berikut ini adalah daftar dari beberapa atribut yang standar untuk elemen HTML:

Atribut	Nilai	Deskripsi
kelas	classname	Menetapkan classname untuk elemen
id	id	Menentukan sebuah id unik untuk elemen
gaya	style_definition	Menentukan gaya inline untuk elemen
judul	tooltip_text	Menentukan tambahan informasi mengenai suatu unsur (ditampilkan sebagai tool tip)

Untuk informasi lebih lanjut tentang atribut standar silahkan klik link dibawah ini ::

Referensi Atribut HTML standar

READ MORE - Atribut HTML

Elemen HTML

Dokumen HTML didefinisikan oleh elemen-elemen HTML.

---

Elemen HTML

Elemen HTML adalah segalanya dari tag awal sampai akhir tag:

Start tag *	Kandungan unsur	End tag *
<p>	Ini adalah paragraf	</ P>
<a href="default.htm">	Ini adalah sebuah link	</ A>
<br />

* Tag awal adalah sering disebut tag pembuka. Tag akhir ini sering disebut tag penutup.

---

HTML Elemen Sintaks

• Elemen HTML dimulai dengan tag pembuka / tag pembuka
• Elemen HTML diakhiri dengan tag akhir / tag penutup
• The Isi elemen adalah segalanya antara awal dan tag akhir
• Beberapa elemen HTML memiliki konten kosong
• elemen kosong yang ditutup pada tag mulai
• Kebanyakan elemen HTML dapat memiliki atribut

Tip: Anda akan belajar tentang atribut pada bab selanjutnya dari tutorial ini.

---

Elemen HTML Bersarang

Kebanyakan HTML elemen dapat bersarang (dapat berisi elemen-elemen lain HTML).
Dokumen HTML terdiri dari elemen HTML bersarang.

---

Contoh Dokumen HTML

<html> <body> <p>This is my first paragraph.</p> </body> </html>

Contoh di atas mengandung 3 elemen HTML.

---

Contoh HTML Dijelaskan

Unsur <p>:

<p>This is my first paragraph.</p>

Elemen <p> mendefinisikan sebuah paragraf dalam dokumen HTML.
Elemen ini memiliki <p> tag awal dan tag akhir </ p>.
Isi elemen: Ini adalah paragraf pertama saya.
Unsur <body>:

<body> <p>This is my first paragraph.</p> </body>

Unsur <body> mendefinisikan tubuh dokumen HTML.
Elemen ini memiliki <body> tag awal dan tag akhir </ body>.
Isi elemen elemen lain HTML (elemen ap).
Unsur <html>:

<html> <body> <p>This is my first paragraph.</p> </body> </html>

Unsur <html> mendefinisikan dokumen HTML secara keseluruhan.
Elemen ini memiliki <html> tag pembuka dan tag penutup </ html>.
Isi elemen elemen HTML lain (elemen tubuh).

---

Jangan Lupakan Tag Akhir

Kebanyakan browser akan menampilkan HTML dengan benar bahkan jika Anda lupa tag penutup:

<p>This is a paragraph <p>This is a paragraph

Contoh di atas akan bekerja di hampir semua browser, tetapi tidak bergantung pada itu. Melupakan tag akhir dapat menghasilkan hasil yang tidak diharapkan atau kesalahan.
Catatan: Masa Depan Versi HTML tidak akan memungkinkan Anda untuk melewatkan tag akhir.

---

Elemen HTML Kosong

Elemen HTML dengan tanpa konten disebut elemen kosong. elemen kosong bisa ditutup pada tag awal.
<br> merupakan elemen kosong tanpa tag penutup (tag <br> mendefinisikan istirahat baris).
Dalam XHTML, XML, dan versi masa depan dari HTML, semua elemen harus ditutup.
Menambahkan garis miring pada tag mulai, seperti /> <br, adalah cara yang tepat untuk menutup elemen kosong, diterima oleh HTML, XHTML dan XML.
Bahkan jika <br> bekerja di semua browser, menulis /> <br malah lebih banyak bukti masa depan.

---

HTML Tip: Gunakan huruf kecil Tag

Tag HTML tidak case sensitif: <P> arti yang sama dengan <p>. Banyak situs web menggunakan tag HTML huruf besar.
Tag menggunakan huruf kecil W3Schools karena World Wide Web Consortium (W3C) merekomendasikan huruf kecil dalam HTML 4, dan tuntutan tag huruf kecil dalam versi mendatang (X) HTML.

Sumber : www.w3schools.com

READ MORE - Elemen HTML

Dasar HTML

Jangan khawatir jika contoh dibawah ini menggunakan tag yang belum Anda pelajari.
Anda akan belajar tentang tag-tag tersebut dalam bab-bab berikutnya.

HTML Pos

Pos HTML didefinisikan dengan tag <h1> sampai </h1><h6>. Contoh :
</h6><h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

Jajal Langsung :

HTML Paragraf

Paragraf HTML didefinisikan dengan tag <p>. Contoh :
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

Jajal Langsung :

HTML Link

Link HTML didefinisikan dengan tag <a>. Contoh :
<a href="http://www.w3schools.com/">This is a link</a>

Jajal Langsung :

Catatan: Alamat link ditetapkan dalam atribut href.
(Anda akan belajar tentang atribut pada bab selanjutnya dari tutorial ini).

HTML Images

Gambar HTML didefinisikan dengan tag <img src="" />. Contoh :
<img src="http://www.blogger.com/w3schools.jpg" height="142" width="104" />

Jajal Langsung :

Catatan: Nama dan ukuran gambar disediakan sebagai atribut.

Sumber : www.w3schools.com

READ MORE - Dasar HTML

Memulai HTML

Apa yang Anda Butuhkan

Anda tidak memerlukan alat untuk belajar HTML.

• Anda tidak perlu editor HTML
• Anda tidak perlu web server
• Anda tidak perlu situs web

Mengedit HTML

Dalam tutorial ini kita menggunakan editor teks biasa (seperti Notepad atau WordPad) untuk mengedit HTML. Kami percaya ini adalah cara terbaik untuk mempelajari HTML.
Namun, pengembang web profesional biasanya lebih memilih editor HTML seperti FrontPage atau Dreamweaver karena sudah memiliki pustaka yang lengkap untuk mempermudah pembuatan web.

Buat Web Anda Sendiri Test

Jika Anda hanya ingin belajar HTML dari awal, baca sisa dari bab ini.
Jika Anda ingin membuat halaman pengujian pada komputer Anda sendiri, hanya menyalin 3 file di bawah ini untuk desktop Anda.
(Klik kanan pada link masing-masing, dan pilih "save target as" atau "save link as")
mainpage.htm
page1.htm
page2.htm
Setelah Anda telah menyalin file, Anda dapat mengklik dua kali pada file yang bernama "mainpage.htm" dan lihat situs web pertama Anda dalam tindakan.

Gunakan Web Test Anda Untuk Belajar

Kami menyarankan Anda bereksperimen dengan segala sesuatu yang Anda pelajari di disini dengan mengedit file web Anda dengan editor teks (seperti Notepad atau WordPad).
Catatan: Jika web tes Anda berisi markup tag HTML Anda belum belajar, jangan panik. Anda akan mempelajari semua tentang hal itu dalam bab-bab berikutnya.

HTM atau.. Extension File HTML?

Bila Anda menyimpan file HTML, Anda dapat menggunakan salah ekstensi. Htm atau html file. Yang.. Kami menggunakan htm dalam contoh kita. Ini adalah kebiasaan dari masa lalu, ketika perangkat lunak hanya diizinkan tiga huruf dalam ekstensi file.
Dengan software baru itu benar-benar disimpan menggunakan ".html".

Sumber : www.w3schools.com

READ MORE - Memulai HTML

Pendahuluan HTML

Apa itu HTML?

HTML adalah bahasa untuk mendeskripsikan halaman web.

• HTML singkatan Hyper Text Markup Language
• HTML bukan bahasa pemrograman, ini adalah bahasa markup
• Sebuah bahasa markup adalah serangkaian tag markup
• HTML menggunakan tag markup untuk menjelaskan halaman web

Tag HTML

Tag markup HTML biasanya disebut tag HTML

• tag HTML adalah kata kunci dikelilingi oleh tanda kurung siku seperti <html>
• tag HTML biasanya datang dalam pasangan seperti <b> dan </ b>
• Tag pertama dalam pasangan adalah tag pembuka, tag kedua adalah tag akhir
• Mulai dan tag akhir juga disebut tag pembuka dan tag penutup

Dokumen HTML = Halaman Web

• dokumen HTML mendeskripsikan halaman web
• dokumen HTML berisi tag HTML dan teks biasa
• dokumen HTML juga disebut halaman web

Tujuan dari sebuah web browser (seperti Internet Explorer atau Firefox) adalah untuk membaca dokumen HTML dan menampilkan mereka sebagai halaman web. Browser tidak menampilkan tag HTML, tapi menggunakan tag untuk menafsirkan isi halaman:

<html> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html>

Contoh Dijelaskan

• Teks antara <html> dan </ html> menggambarkan halaman web
• Teks antara <body> dan </ body> adalah isi halaman yang terlihat
• Teks antara <h1> dan </ h1> ditampilkan sebagai pos
• Teks antara <p> dan </ p> ditampilkan sebagai sebuah paragraf

Dokumen disimpan dengan extensi .html atau .htm contoh index.html atau index.htm.

Jajal Langsung :

Sumber : www.w3schools.com

READ MORE - Pendahuluan HTML