Dasar-dasar pelajaran HTML

Hyper Text Marquee Languange atau yang lebih disebut dengan HTML adalah HTML yang ditulis dalam bentuk elemen HTML yang terdiri dari tag dan diapit oleh sudut kurung (seperti <html> ), dalam konten halaman web/blog. Tag HTML yang paling sering datang berpasangan misalnya seperti <h1> dan </ h1> , meskipun beberapa tag, dikenal sebagai elemen kosong, yang tidak berpasangan, misalnya <img>. Tag pertama dalam pasangan adalah dengan tag awal, tag kedua adalah tag akhir (mereka juga disebut tag pembuka dan tag penutup). Di antara tag web designer dapat menambahkan teks, tag, komentar dan jenis konten lainnya berbasis teks. Anda hanya perlu tahu beberapa (tag) perintah HTML untuk membuat file untuk "memasangnya" di Web/blog Anda. Sangat menyenangkan untuk mengetahui bahwa file-file ini dapat dibuat dengan Microsoft Word® atau program pengolah kata lainnya untuk masalah ini. Satu-satunya yang harus dimengerti adalah bahwa Anda harus menyimpannya sebagai file teks dan memberi mereka kedalam HTML (atau HTM untuk komputer PC) ekstensi (yaitu, aatg.html atau aatg.htm). Html atau. Ekstensi. Htm memberitahukan web browser Anda bahwa ini adalah dokumen yang dibuat untuk Web/blog.

Tag HTML Yang Diperlukan
(perhatikan bahwa upper-case/lower-case tidak penting)
"Nyawa" dari setiap file HTML harus terlihat seperti ini :

<html>
<head>
<title>Nama Dokumen Yang Muncul Dalam Judul, Bukan Pada Halaman </ title>
</ head>
<body>Ketik Informasi Yang Ingin Ditampilkan Pada Halaman Di Sini
</ body>
</ html>

Dalam tag <body> (perintah), Anda dapat menggunakan tag HTML lain untuk menambah gambar dan/atau suara, menghubungkan halaman Anda ke halaman lain (URL) di Web, sorot teks dengan huruf tebal atau italic itu, atau mengubah ukuran font. Perhatikan bahwa semua tag harus dipanggil dengan mengetikkan tag antara dua kurung (yaitu, <body> ). Ketik tag dalam kurung lagi dengan sebuah garis miring di depan jika (yaitu, </ body> ) untuk meniadakan efek.

Dasar-dasar Perintah HTML
(untuk digunakan dalam file <body>):

<p>Teks Yang Anda Ketik</ p>

» Membuat paragraf (satu spasi antar baris dibuat)

<i>Teks Yang Anda Ketik</i>

» Perintah untuk membuat font menjadi miring

<b>Teks Yang Anda Ketik</b>

» Perintah untuk membuat font menjadi tebal

<blockquote>Teks Yang Anda Ketik</blockquote>

» Menempatkan teks yang Anda mengutip ke dalam dokumen web - teks akan indentasi

<pre>Teks Yang Anda Ketik</pre>

» Mempertahankan format/lekukan dari teks yang dimasukkan

<strong>Teks Yang Anda Ketik</strong>

» Juga membuat teks seperti bold

<center>Teks Yang Anda Ketik</center>

» Perintah untuk membuat teks menjadi rata tengah

<blink>Teks Yang Anda Ketik</ Blink>

» Perintah untuk membuat teks berkedip-kedip

<font size=7>Teks Yang Anda Ketik</ font>

» Perubahan ukuran teks -7 adalah font yang terbesar yang tersedia dan 1 adalah yang terkecil (satu spasi)

<h1>Teks Yang Anda Ketik</h1>

» Teks muncul dalam font terbesar yang tersedia (dua spasi)

<h6>Teks Yang Anda Ketik</h6>

» Teks muncul dalam font terkecil yang tersedia

Ada <h2> melalui tag <h5> tersedia untuk ukuran font antara <h1> dan <h6> - percobaan dengan ukuran yang paling cocok untuk Anda.
<body bgcolor="#FFFFFF">

» Untuk membuat pola latar belakang.

Ada web/blog di mana Anda dapat menemukan kode (misalnya, #FF0000=red) untuk latar belakang/text warna: Backgrounds
<body background="small.gif">

Sebagai URL sering diperbarui/berubah, cek alamat ini secara berkala untuk memastikan mereka masih ada!
Anda juga dapat menyalin gambar latar belakang yang Anda lihat digunakan pada halaman web/blog - tetapi hanya jika Anda menggunakan PC (Anda menekan ke bawah pada sisi kanan mouse dan menyimpan gambar latar belakang di tempat yang tepat)

<body text="#FF0000">

» Ini akan mengubah warna semua teks dalam dokumen menjadi merah

<font color="#FF00FF">

» Ini akan mengubah warna apa yang Anda ketik menjadi magenta

Membuat Daftar

Unordered list

<ul> <li> Ini adalah tag untuk membuat daftar unordered <li> Setiap hal yang Anda ketik setelah tag <li> akan muncul di samping peluru pada halaman web <li> Teks ini akan muncul di sebelah peluru ketiga - peluru yang menjorok </ul>

Perintahkan DAFTAR

<ol> <li> Ini adalah tag untuk membuat daftar memerintahkan <li> Setiap hal yang Anda ketik setelah tag <li> akan muncul di samping nomor di web Halaman <li> Teks ini akan muncul di sebelah nomor "3" pada halaman web </ol>

Deskriptif Daftar (berguna untuk membuat bibliografi, misalnya)

<dl> <dt> Tag untuk menciptakan judul pertama dari daftar deskriptif Anda <dd> Ini adalah item pertama di bawah judul pertama dari daftar - akan menjorok <dd> item lain dalam daftar di bawah judul yang sama - juga akan menjorok <dt> Ini adalah gelar kedua dalam Anda Daftar deskriptif <dd> ini adalah item menjorok pertama di bawah judul kedua dalam daftar deskriptif Anda </dl>

Perhatikan bahwa Anda mungkin "sarang" daftar - yaitu, membuat daftar unordered dalam ordered list, dll

Membuat Tabel
Anda mungkin menemukan itu berguna untuk memasukkan tabel pada halaman web/blog Anda. Berikut adalah beberapa tag yang sangat dasar untuk membuat tabel.

<table border> Ini adalah tag untuk membuat tabel <tr> ini adalah tag untuk baris tabel <td> ini adalah tag untuk sel (kotak) dalam baris </ td> <td> Anda mungkin ingin memiliki dua atau lebih sel dalam setiap baris tabel </ td>. </ tr> <tr> Ini adalah tag untuk baris tabel kedua <td> ini adalah tag untuk pertama sel (kotak) di baris kedua </ td> <td> Ini adalah sel kedua (box) di baris kedua </ td> </ tr></ table>

Tag HTML lainnya dapat digunakan dalam setiap sel untuk memformat teks Anda. Pada titik tertentu Anda mungkin ingin memiliki kontrol lebih besar atas perbatasan atau jarak meja Anda. Lihat salah satu tutorial banyak di Web. Melakukan pencarian dan masukkan kata kunci "Tutorial HTML."

Menempatkan <hr> "bayangan" garis pada halaman web

<br>Tipe pada akhir garis untuk memulai istirahat baris (yaitu, ini seperti carriage return)
Perhatikan bahwa tidak ada "end" tag (yaitu, tidak ada </hr> atau </br>) dengan tag.

Membuat Link
<a href="Masukkan URL">Nama tag Yang Diinginkan</ a>

Contoh: <a href="http://www.mtholyoke.edu">Mount Holyoke perguruan</a>
Maka, teks yang akan muncul dengan warna biru pada halaman web adalah: "Mount Holyoke College"

Jika Anda klik di atasnya, Anda secara otomatis akan dikirim ke homepage Mount Holyoke College

Untuk membuat link ke alamat E-mail:
<a href="mailto: dvanhand@mhc.mtholyoke.edu">Donna Van Menangani</ a>

(Jika Anda klik pada Handle Van Donna, bentuk E-mail muncul)

Tutorial diatas hanya sebagian kecil saja sobat, semoga Anda mengerti.