Tampilkan postingan dengan label html. Tampilkan semua postingan

Belajar HTML

HTML DASAR	Red More	HTML KEPALA	Red More
HTML RUMAH	Red More	HTML CSS	Red More
HTML PENGENALAN	Red More	HTML GAMBAR	Red More
HTML EDITOR	Red More	HTML TABEL	Red More
HTML ELEMEN	Red More	HTML DAFTAR	Red More
HTML ATRIBUT	Red More	HTML BLOK	Red More
HTML POS	Red More	HTML TATA LETAK	Red More
HTML PARAGRAF	Red More	HTML BENTUK	Red More
HTML FORMAT	Red More	HTML IFRAME	Red More
HTML LINK	Red More	HTML WARNA	Red More
HTML NAMA WARNA	Red More	HTML URL ENCODE	Red More
HTML COLOR VALUES	Red More	HTML Cepat Daftar	Red More
HTML JAVA SCRIPT	Red More	HTML JAVA Summary	Red More
HTML ENTITAS	Red More	HTML XHTML	Red More

HTML pos

Pos penting dalam dokumen HTML.

HTML Headings

Pos didefinisikan dengan <h1> untuk <h6> tag.

<h1> mendefinisikan heading yang paling penting. <h6> mendefinisikan judul yang paling tidak penting.

Contoh

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

Coba sendiri »

<!DOCTYPE html>

<html>

<body>

<h1>This is heading 1</h1>

<h2>This is heading 2</h2>

<h3>This is heading 3</h3>

<h4>This is heading 4</h4>

<h5>This is heading 5</h5>

<h6>This is heading 6</h6>

</body>

</html>

Catatan: Browser secara otomatis menambahkan beberapa ruang kosong (margin) sebelum dan sesudah setiap pos.

Pos Apakah Penting

Gunakan judul 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 skim halaman Anda dengan judul, itu adalah penting untuk menggunakan judul untuk menunjukkan struktur dokumen.

H1 judul harus digunakan sebagai judul utama, diikuti oleh H2 judul, maka judul H3 kurang penting, dan sebagainya.

Garis HTML

Tag <hr> menciptakan garis horizontal di 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 »

<!DOCTYPE html>

<html>

<body>

<p>The hr tag defines a horizontal rule:</p>

<hr>

<p>This is a paragraph.</p>

<hr>

<p>This is a paragraph.</p>

<hr>

<p>This is a paragraph.</p>

</body>

</html>

HTML Komentar

Komentar dapat dimasukkan ke dalam kode HTML untuk membuatnya lebih mudah dibaca dan dimengerti. Komentar diabaikan oleh browser dan tidak ditampilkan.

Komentar ditulis seperti ini:

Contoh

Coba sendiri »

<!DOCTYPE html>

<html>

<body>



<p>This is a regular paragraph</p>

</body>

</html>

This is a regular paragraph

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

Tip HTML - Cara Lihat Sumber HTML

Pernahkah Anda melihat halaman Web dan bertanya-tanya "Hei! Bagaimana mereka melakukan itu?"

Untuk mengetahuinya, klik kanan pada halaman dan pilih "View Source" (IE) atau "View Page Source" (Firefox), atau serupa untuk browser lainnya. Ini akan membuka jendela yang berisi kode HTML halaman.

Contoh Dari Halaman Ini

Pos
Cara menampilkan judul dalam dokumen HTML.

Tersembunyi komentar
Cara menyisipkan komentar dalam kode sumber HTML.

Garis horisontal
Cara menyisipkan garis horizontal.

HTML Tag Reference

Referensi tag W3Schools 'berisi informasi tambahan tentang tag dan atribut mereka.

Anda akan belajar lebih banyak tentang tag HTML dan atribut dalam bab-bab selanjutnya dari tutorial ini.

Tag Description

<html> Defines an HTML document

<body> Defines the document's body

<h1> to <h6> Defines HTML headings

<hr> Defines a horizontal line

<!--> Defines a comment

Tag	Description
<html>	Defines an HTML document
<body>	Defines the document's body
<h1> to <h6>	Defines HTML headings
<hr>	Defines a horizontal line
<!-->	Defines a comment

html kepala

The HTML <head> Elemen

Unsur <head> merupakan wadah untuk semua elemen kepala. Elemen di dalam <head> dapat termasuk script, menginstruksikan browser di mana untuk menemukan style sheet, memberikan informasi meta, dan banyak lagi.

Tag berikut dapat ditambahkan ke bagian kepala: <title>, <style>, <meta>, <link>, <script>, <noscript>, dan <base>.

The HTML <title> Elemen

Tag <title> mendefinisikan judul dokumen.

Unsur <title> diperlukan dalam semua dokumen HTML / XHTML.

<title> Elemen:

mendefinisikan judul di toolbar browser
memberikan judul untuk halaman ketika ditambahkan ke favorit
menampilkan judul untuk halaman dalam hasil pencarian mesin

Sebuah disederhanakan dokumen HTML:

<!DOCTYPE html>

<html>

<head>

<title>Title of the document</title>

</head>

<body>

The content of the document......

</body>

</html>

The HTML <base> Elemen

Tag <base> menentukan basis URL / target untuk semua URL relatif dalam halaman:

<head>

<base href="http://www.w3schools.com/images/" target="_blank">

</head>

The HTML <link> Elemen

Tag <link> mendefinisikan hubungan antara dokumen dan sumber daya eksternal.

Tag <link> paling digunakan untuk link ke style sheet:

<head>

<link rel="stylesheet" type="text/css" href="mystyle.css">

</head>

The HTML <style> Elemen

Tag <style> digunakan untuk mendefinisikan informasi style untuk dokumen HTML.

Di dalam elemen <style> Anda menentukan bagaimana elemen HTML harus membuat di browser:

<head>

<style type="text/css">

body {background-color:yellow;}

p {color:blue;}

</style>

</head>

The HTML <meta> Elemen

Metadata adalah data (informasi) tentang data.

Tag <meta> menyediakan metadata tentang dokumen HTML. Metadata tidak akan ditampilkan pada halaman, tetapi akan menjadi mesin parsable.

Meta elemen biasanya digunakan untuk menentukan deskripsi halaman, kata kunci, penulis dokumen, terakhir diubah, dan metadata lainnya.

Metadata dapat digunakan oleh browser (bagaimana menampilkan konten atau reload halaman), mesin pencari (kata kunci), atau layanan web lainnya.

tag <meta> selalu masuk ke dalam elemen <head>.

<meta> Tags - Contoh penggunaan

Tentukan kata kunci untuk mesin pencari:

<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">

Tentukan deskripsi dari halaman web Anda:

<meta name="description" content="Free Web tutorials on HTML and CSS">

Tentukan penulis halaman:

<meta name="author" content="Hege Refsnes">

Refresh dokumen setiap 30 detik:

<meta http-equiv="refresh" content="30">

The HTML <script> Elemen

Tag <script> digunakan untuk mendefinisikan script client-side, seperti JavaScript.

Unsur <script> akan dijelaskan pada bab berikutnya.

Elemen kepala HTML

Tag	Description
<head>	Defines information about the document
<title>	Defines the title of a document
<base>	Defines a default address or a default target for all links on a page
<link>	Defines the relationship between a document and an external resource
<meta>	Defines metadata about an HTML document
<script>	Defines a client-side script
<style>	Defines style information for a document

html iframe

HTML iframe

Iframe digunakan untuk menampilkan halaman web Dalam, halaman web.

Sintaks untuk menambahkan iframe:

<iframe src="URL"></iframe>

URL Yang menunjuk Ke LOKASI Bahasa Dari halaman Yang terpisah.

Iframe - Mengatur Tinggi Dan Lebar

Tinggi Atribut Dan Lebar Yang digunakan untuk menentukan Tinggi Dan Lebar bahasa Dari iframe.

Value per share Atribut Yang ditentukan Dalam, pixel secara default, tetapi mereka juga Bisa Dalam, persen khususnya (seperti "80%").

Contoh

<iframe src="demo_iframe.htm" width="200" height="200"></iframe>

Coba Sendiri »

Iframe - Hapus Perbatasan

The frameborder Atribut menentukan apakah atau regular tidak untuk menampilkan perbatasan sekitar iframe.

Mengatur Atribut value per share "0" untuk menghapus perbatasan:

Contoh

<iframe src="demo_iframe.htm" frameborder="0"></iframe>

Coba Sendiri »

Gunakan iframe sebagai target sebuah link

Iframe dapat digunakan sebagai bingkai penghubung untuk sasaran.

Targetkan Atribut hubungan harus mengacu PADA Atribut Nama iframe:

Contoh

<iframe src="demo_iframe.htm" name="iframe_a"></iframe>

<p><a href="http://www.w3schools.com" target="iframe_a">W3Schools.com</a></p>

Coba Sendiri »

HTML Tag iframe

Tag	Description
<iframe>	Defines an inline frame

html bentuk

HTML Forms dan Input

Formulir HTML digunakan untuk memilih berbagai jenis input pengguna.

Cobalah Sendiri - Contoh

Buat teks ladang
Cara membuat bidang teks. Pengguna dapat menulis teks dalam kolom teks.

Buat password
Cara membuat password.

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

Bentuk HTML

Bentuk HTML yang digunakan untuk melewatkan data ke server.

Bentuk HTML dapat mengandung unsur-unsur masukan seperti bidang teks, checkbox, radio-tombol, tombol submit dan banyak lagi. Bentuk A juga dapat berisi daftar pilih, textarea, fieldset, legenda, dan elemen label.

Tag <form> digunakan untuk membuat bentuk HTML:

<form>
.
input elements
.
</form>

Bentuk HTML - Input Elemen

Unsur bentuk yang paling penting adalah unsur <input>.

Unsur <input> digunakan untuk memilih informasi pengguna.

Sebuah elemen <input> dapat bervariasi dalam banyak cara, tergantung pada jenis atribut. Sebuah elemen <input> dapat dari text field jenis, checkbox, password, tombol radio, tombol submit, dan banyak lagi.

Jenis input yang paling umum dijelaskan di bawah ini.