Saya membuat postingan ini, karna kemarin ada yang bertanya kepada saya : Bagaimana Cara membuat template dengan HTML yang benar? maka saya menjawab : Anda setidaknya Harus belajar tentang HTML terlebih dahulu.
Nah, muncul lagi pertanyaan Dimanakah saya bisa belajar HTML yang terbaik, terlengkap dan bisa dimengerti oleh pemula.
Terus terang saya bukan pelku desaigner yang mengerti bentuk dan pintar dalam bahasa HTML. Ilmu saya tidak akan bisa membuat anda mampu pintar dan cakap dalm mempelajarinya karna pengetahuan saya masih sangat dasar dalam bahasa HTML.
Mengenal Struktur HTML Dasar
Jika anda benar-benar sangat pemula, maka setidaknya anda harus mengerti
dan mengetahui contoh dan strukturnya si HTML ini. Secara dasar, anda
bisa melihat bagaimana struktur HTML tersebut seperti dibawah ini.
Contoh Halaman Web dengan Bahasa HTML dasar:
<html>Dari struktur tersebut terlihat jelas bahwa sebuah HTML Menampilkan tulisan pada halaman website dengan menggunakan kode-kode atau source. Dimana Kode source HTML tersebut tidak akan ditampilkan pada browser (tidak terlihat pleh si pembaca), namun kode2 HTML inilah yang akan memerintahkan browser untuk menampilkan seperti apa halaman yang kita buat. Seperti kode source diatas jika ditampilkan maka akan terlihat:
<head>
<title>Judul Belajar TML Pemula</title>
</head>
<body>
Selamat pagi pemirsa, nama saya pemula. Saya mau belajar agar pintar HTML. dimanakah tempat belajar HTML yang terlengkap, terbaik dan pas buat saya?
</body>
</html>
Title = Judul Belajar TML Pemula
Isi = Selamat pagi pemirsa, nama saya pemula. Saya mau belajar agar pintar HTML. dimanakah tempat belajar HTML yang terlengkap, terbaik dan pas buat saya?
HTML Contoh
Sebuah dokumen HTML kecil :
< ! DOCTYPE html >
< html >
<head >
<title > Judul Halaman < / title>
< / head>
<body >
< h1 > Postingan Pertama < / h1 >
< p > paragraf pertama saya . < / p >
< / body>
contoh Dijelaskan
DOCTYPE deklarasi mendefinisikan jenis dokumen menjadi HTML
Teks antara < html > dan < / html > menggambarkan sebuah dokumen HTML
Teks antara < head> dan < / head> memberikan informasi tentang dokumen
Teks antara < title> dan < / title> memberikan judul untuk dokumen
Teks antara < body> dan < / body> menggambarkan isi halaman yang terlihat
Teks antara < h1 > dan < / h1 > menggambarkan judul
Teks antara < p > dan < / p > menggambarkan sebuah paragraf
Kode HTML lainnya :
<p>isi paragraf</p> , untuk membuat paragraf baru
<br>isi kalimat</br> , untuk membuat baris baru
<b>kata/kalimat</b> , untuk membuat teks tebal
<i>kata/kalimat</i> , untuk membuat kata miring
<u>kata/kalimat</u> , untuk membuat garis bawah
Menggunakan deskripsi ini , web browser dapat menampilkan dokumen dengan judul dan paragraf .
HTML Tag
Tag HTML adalah kata kunci ( nama tag ) yang dikelilingi oleh kurung sudut :
< tagname > konten < / tagname >
Tag HTML biasanya datang berpasangan seperti < p > dan < / p >
Tag pertama dalam pasangan adalah tag awal , tag kedua adalah tag akhir
Tag akhir ditulis seperti tag awal , tetapi dengan garis miring sebelum nama tag
HTML Pos
Judul didefinisikan dengan < h1 > sampai < h6 > tag .
< h1 > mendefinisikan heading yang paling penting . < h6 > mendefinisikan heading yang paling tidak penting
Example
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
HTML <head > Elemen
HTML <head > unsur tidak ada hubungannya dengan judul HTML .
HTML <head > elemen berisi meta data . Meta data tidak ditampilkan .
HTML <head > elemen ditempatkan di antara < html > tag dan < body> :
contoh
< ! DOCTYPE html >
< html >
<head >
<title > My First HTML < / title>
< meta charset = " UTF - 8 " >
< / head>
<body >
.
.
.
HTML Paragraf
HTML < p > mendefinisikan sebuah paragraf .
contoh
< p > Ini adalah sebuah paragraf < / p >
< p > Ini adalah paragraf lain < / p >
Text
Formatting
This text is bold
This text is italic
This is superscrip
This text is italic
This is superscrip
HTML Format Elemen
Pada bab sebelumnya , Anda belajar tentang gaya HTML , dengan menggunakan atribut style HTML .
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 < b > mendefinisikan teks tebal ,
<p>Text Normal.</p>
<p><b>Text Bold</b>.</p>
<p><b>Text Bold</b>.</p>
HTML Italic and Emphasized Formatting
HTML < i > mendefinisikan teks miring ,
Example
<p>text normal.</p>
<p><i>textita lic</i>.</p>
<p><i>textita lic</i>.</p>
BODY
Dokumen HTML diapit oleh tag
<body> </body> didalam bagian ini biasanya dimuat untuk
tag menggambarkan isi halaman yang terlihat seperti text ,imaget
link, dan semua yang akan di tampilkan pada web page
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 ju
Berikut adalah contoh tag paragraf (<ol> atau <ul>) dalam HTML:
Contoh ini mungkin sangat mendasar dan tentu saja anda tidak puas dengan ini. Masih banyak kode-kode source lainnya untuk bisa menampilkan sebuah halaman web supaya lebih cantik dan seperti yang kita inginkan. Saatnya anda mulai untuk menyiapkan diri baik fisik maupun mental yang siap untuk untuk memepelajari html ini.
Bagaimana, apakah anda sudah siap Belajar HTML?
Pertanyaan ini sederhana tapi cukup semangat. Ini tentu saja adalah
keinginan seorang pemula untuk bisa belajar HTML. lalu dimanakah kita
bisa mempelajarinya?
Tempat belajar HTML terlengkap dan benar-benar bisa membuat anda lebih dalam untuk pintar bahasa pemograman web adalah di www.w3schools.com/html/ atau bisa juga di www.w3.org/html/.
Sebagai motivasi, saya sarankan anda belajar dengan serius tentang HTML
disana, karna saya yakin : ketika anda belajar dengan sepenuh hati, maka
anda pasti bisa sekalipun pemula bakan gaptek internet. so, semua bisa
dipelajari....
Tidak ada komentar:
Posting Komentar