Author Dasar-dasar HTML (Hyper Text Marquee Languange) | Blogsaya04

Dasar-dasar HTML (Hyper Text Marquee Languange)

     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.



tanda seru


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 .


<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>

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>



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)


Sekian, semoga postingan saya ini bermanfaat bagi anda... :D
Share this article :
Share on FB Tweet Share on G+

Ditulis Oleh : Zufar Muzakki

Zufarmuzakki Anda sedang membaca artikel berjudul Dasar-dasar HTML (Hyper Text Marquee Languange) yang ditulis oleh Zufar Muzakki dan diterbitkan di Blogsaya04. Maaf, Jika anda ingin mengcopy artikel tersebut, mohon untuk juga menyertakan live link-nya. Terima kasih atas kerja samanya.

Zufar Muzakki Blogsaya04 Updated at : 12:00 AM

0 komentar:

Poskan Komentar

Jadilah pengunjung yang baik, mohon berkomentarlah sesuai topik...!

Back to top