Semangat pagi sodara!, sesekali boleh dong saya ngshare ilmu yang udah saya pelajari di kampus :3, saya ingin berbagi sedikit ilmu tentang BELAJAR HTML ini dengan kalian ^^. woke langsung saja berikut penjelasanya.
What is HTML?, apa itu HTML?
HTML atau hyper text markup language adalah bahasa markup (penandaan) yang digunakan untuk membangun suatu halaman web. Sekalipun banyak orang menyebutnya sebagai suatu bahasa pemrograman, HTML sama sekali bukan bahasa pemrograman, tapi merupakan bahasa markup (penandaan) terhadap sebuah dokumen teks. Simbol markup yang digunakan oleh HTML ditandai dengan tanda lebih kecil ( < ) dan tanda lebih besar ( > ) yang disebut tag.
Tag dapat mempunyai atribut. Atribut mendefinisikan sesuatu tentang tag tersebut. Atribut
digunakan untuk mengubah default pemformatan dokumen dengan tag yang
bersangkutan.
Tag HTML biasanya selalu berpasangan (<i>...</i>) dengan penutupnya selalu di akhiri dengan simbol slash(/). Namun ada jg tag yang tidak mempunyai pasangan seperti:
- Image ( <img /> )
- Ganti Baris – Break ( <br /> )
- Horizontal Rule ( <hr /> )
- Input Field ( <input /> )
- Dll
Dalam proses pembelajaran HTML ini bisa menggunakan text editor biasa seperti notepad atau notepad++ atau bisa juga mneggunakan HTML editor seperti frontpage atau dreamwaver.
Struktur dasar HTML:
<html>
<head>
....informasi dokumen....
</head>
<body>
....konten yang di tampilkan pada halaman browser.....
</body>
</html>
- <html></html> merupakan dasar yang mendefinisikan bahwa dokumen yang anda buat adalah dokumen html.
- <head></head> digunakan untuk menyediakan informasi tentang dokumen tersebut
- <body></body> Bagian BODY merupakan isi dari dokumen HTML. Semua informasi yang akan ditampilkan, mulai dari teks, gambar, sound, dan lain-lain, akan ditempatkan di bagian ini.
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.
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.
hasilnya
Berikut adalah contoh tag pengurutan (<ol> atau <ul>) dalam HTML:
Text Formatting
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
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 bawah
sekian sedikit penjelasan tentang belajar html, bila ada salah kata atau penulisan harap maklum :3, semoga bermanfaat,,,
Belum ada tanggapan untuk "BELAJAR HTML"
Post a Comment