Tutorial HTML Bab.2

Bab 2: The Common Tags
Pos ...
Judul adalah beberapa tag yang paling penting dalam ISI dokumen HTML Anda. Anda akan biasanya menggunakan pos untuk memberi tahu apa bagian berikut dari halaman Anda tentang. Tag pembuka untuk sebuah heading adalah <hy> dan tag penutup </ hy> dengan y menjadi ukuran pos ... 1-6. (1 yang terbesar, dan 6 yang terkecil)
Contoh dari pos tag ...
H1: Bob jatuh di atas ayam.
<h1> H1: Bob jatuh di atas ayam. </ h1>
H2: Bob jatuh di atas ayam.
<h2> H2: Bob jatuh di atas ayam. </ h2>
H3: Bob jatuh di atas ayam.
<h3> H3: Bob jatuh di atas ayam. </ h3>
H4: Bob jatuh di atas ayam.
<h4> H4: Bob jatuh di atas ayam. </ h4>
H5: Bob jatuh di atas ayam.
<h5> H5: Bob jatuh di atas ayam. </ h5>
H6: Bob jatuh di atas ayam.
<h6> H6: Bob jatuh di atas ayam. </ h6>
Horizontal Diperintah Lines ...
Diperintah Garis horizontal digunakan untuk memisahkan daerah-daerah berbeda dari suatu halaman web. Tag untuk garis horisontal <hr> diperintah. Memerintah garis horizontal TIDAK memiliki tag penutup. Anda juga dapat menambahkan atribut tertentu pada tag <hr>, seperti WIDTH = n (untuk fixed pixel lebar) atau WIDTH = n% untuk persentase tertentu dari layar lebar, UKURAN = n untuk membuat baris jumlah piksel tertentu tebal , dan NOSHADE untuk mengubah garis's naungan off. <hr> Polos tanpa atribut baris akan membuat penuh layar lebar.
Contoh garis horisontal diperintah ... <hr width=50> <hr width=50%> <hr size=7> <hr noshade>
Anda juga dapat menggunakan beberapa atribut dalam satu tag ... <hr width=50% size=10 noshade>
Bab 3: More Common Tags …
Paragraf ...
Anda akan sering menggunakan paragraf dalam HTML, seperti yang Anda lakukan ketika Anda menulis cerita. Tag pembuka untuk sebuah paragraf adalah <p>, dan tag penutup </ p>. Tag penutup untuk sebuah paragraf tidak selalu diperlukan, tetapi saya menyarankan menggunakan tetap.
Contoh paragraf ...
Bob mulai mengejar ayam sekitar. Bob perjalanan di atas tali dan pergi melayang ke lubang lumpur babi! Eww! Sayang sekali!
<p> Bob mulai mengejar ayam sekitar. Bob perjalanan di atas tali dan pergi melayang ke lubang lumpur babi! Eww! Sayang sekali! </ P>
Format Teks Properties ...
Jika Anda memiliki seluruh halaman web tanpa diformat teks, itu akan terlihat agak kusam dan membosankan. Inilah sebabnya mengapa kita menggunakan tag format teks. Beberapa tag format teks yang umum adalah:
<b> dan </ b> untuk bold,
<i> dan </ i> untuk huruf miring,
<u> dan </ u> untuk digarisbawahi, dan
<tt> dan </ tt> untuk mesin ketik.
Memformat Teks Properties ... Huruf Tag
The <font size=n> dan </ font> tag datang menolong.
n adalah jumlah poin font yang digunakan untuk mengubah ukuran font saat ini.
n dapat positif atau negatif: bilangan positif akan meningkatkan ukuran font, dan angka negatif akan berkurang itu.
n dapat juga merupakan angka mutlak, menunjukkan ukuran mutlak untuk font (bukan ukuran relatif).
Contoh font tag ...
Bob adalah sebuah Cool Guy bukan?
<font size=+1> Bob </ font> <font size=+2> adalah </ font> <font size=+3> a </ font> <font size+2> Best </ font> <font size = 1> Guy </ font> tidak <font size=-1> dia? </ font>
ALIGN atribut ...
Banyak dukungan tags atribut ALIGN ... jika Anda ingin sesuatu harus diarahkan dari margin kiri, dari pusat, atau dari margin kanan. ALIGN atribut yang ditempatkan dalam tag pembuka sebelum>.
Waktu Rata
<h1 align="justify"> Waktu Rata </ h1>
Pusat Rata
Pusat align="center"> <h1 Rata </ h1>
Rata kanan
<h1 align=right> Rata Kanan </ h1> The Line Break ...
Ketika dokumen HTML Anda lihat, biasanya teks akan melakukan word-wrap di ujung baris. Jika Anda ingin memiliki teks BREAK (pergi ke baris lain) Anda akan menggunakan tag <br>. Tag ini tidak memiliki tag penutup.
Contoh baris TANPA Break ...
Kalimat Satu. Dua kalimat. Kalimat Tiga.
Kalimat Satu.
Dua kalimat.
Kalimat Tiga.
Contoh baris DENGAN Break ...
Kalimat Satu.
Dua kalimat.
Kalimat Tiga.
Kalimat Satu. <br>
Kalimat Dua. <br>
Kalimat Tiga. <br>
Terformat Teks ...
Jika Anda ingin agar baris teks dengan benar (alias teks lebar tetap) yang akan memasukkan jeda baris tanpa menggunakan <br> Anda mungkin menemukan <pre> dan </ pre> tag membantu.
Contoh teks TANPA preformatting ...
Kucing berlari mengejar anjing. ^ ^-Kata kerja ^ ^ kata benda-kata benda
Kucing berlari mengejar anjing.
^ ^ ^ Kata benda-kata kerja
^-noun

HTML mengabaikan jeda baris tambahan, sehingga tidak teks berbaris dengan benar.
Contoh teks DENGAN preformatting ...
Kucing berlari mengejar anjing.
^ ^ ^ Kata benda-kata kerja
^-noun


<pre>
Kucing berlari mengejar anjing.
^ ^ ^ Kata benda-kata kerja
^-noun
</ pre>

Halaman HTML Anda sendiri ...
Tambahkan baris berikut ke halaman HTML Anda ( "Home.htm"), antara garis <body> dan </ body>:
<h1> Yourname's Home Page </ h1>
<hr>
Ini adalah halaman rumah <b> Yourname </ b>.
<p> Ketik sesuatu tentang diri Anda di sini. Jelaskan secara singkat siapa Anda dan apa yang Anda lakukan untuk mencari nafkah. Ingatlah untuk menggunakan teks tebal dan miring, untuk penekanan. </ P>
Simpan file teks sebagai "Home.htm".
Bab 4: Sedikit more tags
The CENTER tag ...
Tag pusat cukup banyak menjelaskan sendiri. Pusat pembuka tag <center> dan pusat penutup tag </ center>. Apa pun yang Anda meletakkan antara akan berpusat pada baris saat ini!
Contoh CENTER tag ...
Pusat Bekerja
Pusat <h1> <center> Bekerja </ h1> </ center>
ISI atribut ...
Dalam Bab 1 Anda mempelajari tag BODY. ISI tag memiliki banyak atribut ... sini adalah yang paling bermanfaat ...
* Latar Belakang = "location_of_image" - Latar Belakang Gambar
* BGCOLOR = "# hexadecimal_here" - Warna Latar Belakang
* LINK = "# hexadecimal_here" - Warna Link
* Vlink = "# hexadecimal_here" - Warna Link User telah Sudah Dikunjungi
* TEKS = "# hexadecimal_here" - Teks Warna
* Klik disini untuk Pelajari cara untuk menentukan Warna
Halaman HTML Anda sendiri ...
Klik kanan di tengah gambar di bawah ini, lalu pilih "Save Image As" / "Save Picture As", atau serupa. Simpan sebagai "bgnd.gif" di direktori yang sama di mana halaman rumah Anda "Home.htm" disimpan.
Background Image bgnd.gif
Tambahkan baris berikut ke halaman HTML Anda ( "Home.htm"): (teks biru adalah apa yang harus menambahkan)
<html>
<head> <title> My Home Page </ title> </ head>
<body background="bgnd.gif">
<center> <h1> Yourname's Home Page </ h1> </ center>
<hr>
Ini adalah halaman rumah <b> Yourname </ b>.
<p> Ketik sesuatu tentang diri Anda di sini. Jelaskan secara singkat siapa Anda dan apa yang Anda lakukan untuk mencari nafkah. Ingatlah untuk menggunakan teks tebal dan miring, untuk penekanan. </ P>
</ body>
</ html>
Simpan file teks sebagai "Home.htm".
Harap dicatat bahwa logo NBA satu-satunya milik National Basketball Association. All rights reserved.