Trik Blogger

Trik-trik mempercantik blogger,kumpulan trik blogger terlengkap,trik blogspot,cara membuat blog,trik membuat blog tampil menarik

Senin

Home » » Tutorial HTML Bab.1

Tutorial HTML Bab.1

By No comments
Bab 1: Dasar

Tag ...

Halaman yang sedang Anda lihat sekarang ini adalah sebuah dokumen HTML. Dokumen HTML mirip sekali dengan dokumen pengolah kata ...

Anda dapat memiliki tebal dan dicetak miring, lebih besar dan lebih kecil, atau dapat melihat jenis-ditulis.

Tentu saja, kode HTML ini dapat terlihat membingungkan ...

Anda dapat memiliki <b> tebal </ b> dan <i> dicetak miring </ i>, <font size= 2> Larger </ font> dan <font size=-2> lebih kecil </ font>, atau bisa melihat tipe-<tt> ditulis </ tt>.

Jadi apa yang semua ini "<" dan ">" hal-hal di sini? Bila Anda menempatkan hal tertentu dalam ini Anda membuat sesuatu yang dikenal sebagai tag. Misalnya tag <b> mengatakan untuk memulai teks tebal, dan </ b> tag ini mengatakan untuk menghentikan teks tebal. Tag dengan garis miring (/) dikenal sebagai tag penutup. Banyak membuka tag memerlukan tag penutup berikut, tetapi tidak semua lakukan. Tags membuat seluruh struktur dari sebuah dokumen HTML.

<b> Teks ini Bold </ b>
Membuka ^^^-- Penutup ^^^^-- Tag Tag


Berikut adalah dua potong kode HTML, yang kedua dari dua memiliki kesalahan di dalamnya, ada apa?

# 1 - Bob melompat OVER pagar.
# 1 - Bob melompat <b> OVER </ b> pagar.
# 2 - Bob melompat DALAM pagar.
# 2 - Bob melompat <b> DALAM <b> pagar.

Anda harus telah memperhatikan bahwa kode kedua tidak ada tanda garis miring (/) pada tag setelah kata BAWAH, yang menyebabkan browser web untuk menafsirkan kode sebagai meninggalkan wajah yang berani! Ini adalah kesalahan yang umum, jadi hati-hati itu!

Catatan: Tag dalam HTML TIDAK case sensitive. Sebagai contoh ... <title> dan <TITLE> keduanya berarti hal yang sama dan ditafsirkan sebagai yang sama. Struktur dokumen ...

File HTML hanya file teks biasa ... mereka biasanya memiliki ekstensi. htm,. html, atau. shtml. Dokumen HTML memiliki dua (2) bagian, kepala dan tubuh. Tubuh adalah bagian yang lebih besar dari dokumen, sebagai tubuh surat Anda akan menulis surat kepada seorang teman akan menjadi. Kepala dokumen berisi judul dokumen dan informasi yang sama, dan tubuh berisi hampir semua hal.

Contoh Struktur dokumen HTML dasar ...

<html>
<head> <title> Judul goes here </ title> </ head>
Tubuh <body> goes here </ body>
</ html>

Anda mungkin akan lebih mudah dibaca jika Anda menambahkan baris kosong ekstra seperti berikut ...

<html>

<head>
<title> Judul goes here </ title>
</ head>

<body>
Body goes here
</ body>

</ html>

Catatan: Kelebihan spasi dan jeda baris (baris kosong) akan diabaikan bila HTML ditafsirkan ... Jadi tambahkan mereka jika Anda ingin untuk melakukannya.

Apa pun jatuh antara tag TITLE akan menjadi judul dokumen, saat halaman dilihat biasanya ditemukan dalam judul bar di bagian atas layar. [Catatan: Anda mungkin tidak menggunakan tag lain dalam tag JUDUL (Contoh: Anda tidak dapat memiliki kode baca: <title> <b> judul goes here </ b> </ title>.]

Judul contoh bagaimana dipandang ...

Pada Netscape Navigator ...
Netscape - [Title goes here] ATAU Title goes here - Netscape [tergantung versi]

Di Microsoft Internet Explorer ...
Title goes here - Microsoft Internet Explorer

Apa pun yang Anda tempatkan di antara tag BODY akan jatuh ke dalam area utama jendela dokumen, dan oleh karena itu merupakan bagian terbesar dari dokumen HTML Anda.


Halaman HTML Anda sendiri ...

Untuk mulai menulis halaman HTML Anda sendiri, ketik berikut ini ke file teks baru:
<html>
<head> <title> My Home Page </ title> </ head>
<body>
</ body>
</ html>

Simpan file teks sebagai "Home.htm".

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".
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.
The CENTER tag ...
Tag pusat cukup banyak menjelaskan sendiri. Pusat <center> tag pembuka pusat dan tag penutup </ 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 ...
Share:  Facebook Twitter Google+

0 komentar:

Posting Komentar