HTML
apasih yang dimaksud dengan HTML??
oke gaes saya akan bahas dulu pengertian dari HTML itu sendiri.
HyperText Markup Language (HTML) adalah
sebuah bahasa markah/markup yang digunakan untuk membuat sebuah halaman web,
menampilkan berbagai informasi didalam sebuah perjelajah web internet dan
pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar
dapat menghasilkan tampilan wujud yang terintegerasi. Bahasa markup adalah
seperangkat tag markup. Dokumen HTML dijelaskan oleh tag HTML, Setiap tag HTML
menjelaskan isi dokumen yang berbeda.
Dengan
kata lain, HTML adalah sebuah kerangka yang akan
menampilkan sebuah halaman website melalui sebuah browser. Tanpa kode HTML,
sebuah website akan mempunyai tampilan yang polos atau putih bersih tanpa adanya
pemformatan paragraf. Itulah pentingnya kode HTML.
Basic
Tag HTML
Command
HTML biasa nya disebut tag , tag digunakan untuk menentukan
tampilan dari document HTML
sebagai gambaran, contoh sebuah HTML
< !
DOCTYPE html >
<
html >
<head
>
<title
> Judul Halaman < / title>
< /
head>
<body
>
<
h1 > Postingan Pertama < / h1 >
<
p > paragraf pertama saya . < / p >
< /
body>
</html>
Struktur
HTML
Setiap
document html harus diawali dan ditutup dengan tag HTML
Teks
antara < html > dan < / html > menggambarkan sebuah dokumen HTML
Tag
tidak bersifat case sensitive,jadi penggunaan huruf kapitan ataupun kecil
semua, seperti <HTML> atau <html> keduanya akan tetap
menghasilkan output yang sama.
HEAD
dokumen HTML diapit oleh tag < HEAD>dan</HEAD>
biasanya untuk menampilkan atau pemberian judul halaman/ atau biasanya
dimana dimuat tag Tittle <title> dan ditutup dengan </title> .
BODY
Dokumen
HTML yang diapit oleh tag <body> dan </body> dan
didalam bagian ini dominan dimuat untuk isi halaman yang dapat berupa
sebuah text ,imaget, link, dan hal-hal lainnya yang ingin dimuat penulis didalam
tampilkan pada web pagenya.
Block
level element
Tag
dengan tipe block
level element, bertujuan untuk membagi halaman HTML menjadi bagian yang terpisah, atau
menjadi ‘blok’.
Contoh dari blok elemen ini adalah tag paragraf
(<p>), list (<ol> atau <ul>), dan heading (<h1> s/d
<h6>). Block element akan ditampilkan terpisah dari seluruh tag sebelum dan sesudahnya.
Web
browser secara default akan menampilkan blok level
elemen secara terpisah seolah-olah dalam sebuah ‘kotak’ dan dimulai pada baris baru (tidak mengikuti tag sebelumnya). Dan
biasanya juga memiliki jarak spasi dari tag sebelum dan tag sesudahnya.
Heading
digunakan
untuk mengatur besar kecilnya huruf/kaimat yang biasanya digunakan untuk judul
sebuah isi atau konten sebuah website. Heading memiliki 6 jenis ukuran, ukuran
yang paling besar dimulai dari “1” sampai dengan “6” untuk paling kecil, yang
dilambangkan dengan <h1> , <h2>, . . . . . <h6> . Dan dibawah ini contoh scrip
heading.
Hasilnya
Paragraf
dalam satu paragraf biasanya memiliki gagasan atau ide
pokok yang berbeda dengan paragraf lain, untuk itu agar sebuah konten tidak
membingungkan pembaca, kita harus membuat paragraf. Dalam web pembuatan
paragraf dilakukan dengan tag <p> dan
ditutup dengan </p>.
Berikut contoh
script untuk pembuatan paragraf.
<html>
<body>
<p>
Ini hanyalah
sebuah contoh paragraf 1
</p>
<p>
Ini hanyalah
sebuah contoh paragraf 2
</p>
Akan ditampilkan hasilnya
sebagai berikut:
Ini hanyalah sebuah contoh
paragraf1
Ini hanyalah sebuah contoh
paragraf 2
Sudah terlihat ada jeda
untuk membedakan paragraf.
Berikut adalah contoh tag paragraf (<ol> atau
<ul>) dalam HTML:
Hasilnya
Text
Formatting
HTML
Format Elemen
HTML
juga mendefinisikan elemen khusus , untuk mendefinisikan teks dengan makna
khusus .
HTML
menggunakan unsur-unsur seperti < b > dan < i > untuk memformat
output, seperti teks tebal atau miring .
Elemen
format yang dirancang untuk menampilkan jenis khusus dari teks
· Bold text
· Important text
· Italic text
· Emphasized text
· Marked text
· Small text
· Deleted text
· Inserted text
· Subscripts
· Superscripts
HTML Bold and Strong Formatting
HTML Italic and Emphasized Formatting
Untuk mencetak tebal, miring
atau garis bawah pada HTML banyak cara dan tag yang berbeda-beda. Salah satu
contohnya;
Untuk cetak tebal (bold):
<p>tulisan ini
normal</p>
<p><b>tulisan
ini dicetak tebal</b></p>
Akan muncul
Tulisan ini normal
Tulisan ini dicetak tebal
Untuk mencetak miring
(italic):
<p>tulisan ini
normal<,/p>
<p>tulisan ini dicetak
miring</i><p>
Akan muncul:
Tulisan ini normal
Tulisan ini
dicetak miring
Garis bawah (underline)
<p>tulisan ini
normal</p>
<p><u>tulisan
ini dengan garis bawah</u></p>
Akan muncul:
Tulisan ini normal
Tulisan ini dengan garis
bawh
Sekian
sedikit informasi dari saya semoga bermanfaat, dan bila masih adanya
kekurangan, saya mohon maaf.
Kritik saran
yang membangun sangat bagus untuk perkembangan blog ini.
referensi: http://www.w3schools.com/html/html_intro.asp
Tidak ada komentar:
Posting Komentar