Belajar mengenal html dan struktur dasar html
October 02, 2020
HTML adalah kependekan dari hyper text markup language,yaitu sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web. Si HTML inilah yang menyusun sebuah halaman web menjadi sebagaimana yang kita lihat melalui browser{penjelajah internet)
So, belajar HTML dan mengerti bagaimana cara HTML bekerja akan sangat penting jika kamu ingin terjun ke dunia web development.
Sebenarnya ketika bekerja dalam menampilkan dan menyusun sebuah halaman web si HTML ini tidak sendiri, dia juga dibantu oleh teman-temannya yang lain yaitu si css dan si javascript.
si HTML ini bertugas menyusun kerangka halaman web, si css yang akan bertugas merapikan dan memperindah tampilan halaman web, sedangkan si javascript lah yang akan membuat halaman web menjadi lebih interaktif.
Pada kesempatan yang lain kita akan membahas css dan javascript, tapi untuk kali ini marilah kita buat si HTML menjadi tokoh utama.
Perlu diperhatikan, HTML bukanlah sebuah bahasa pemrograman. HTML merupakan bahasa markup yang berisi perintah-perintah dengan format tertentu dan terstruktur untuk menampilkan tampilan tertentu. Baik, mari kita buat menjadi lebih sederhana. Misalnya dihalaman web Kita sering melihat ada text seperti berikut:
Tulisan tebal
Nah untuk bisa membuat sebuah tulisan tebal seperti di atas, maka kita bisa membuatnya dengan HTML dengan kode berikut:
<Stong>tulisan tebal</strong>
So, belajar HTML dan mengerti bagaimana cara HTML bekerja akan sangat penting jika kamu ingin terjun ke dunia web development.
Sebenarnya ketika bekerja dalam menampilkan dan menyusun sebuah halaman web si HTML ini tidak sendiri, dia juga dibantu oleh teman-temannya yang lain yaitu si css dan si javascript.
si HTML ini bertugas menyusun kerangka halaman web, si css yang akan bertugas merapikan dan memperindah tampilan halaman web, sedangkan si javascript lah yang akan membuat halaman web menjadi lebih interaktif.
Pada kesempatan yang lain kita akan membahas css dan javascript, tapi untuk kali ini marilah kita buat si HTML menjadi tokoh utama.
Perlu diperhatikan, HTML bukanlah sebuah bahasa pemrograman. HTML merupakan bahasa markup yang berisi perintah-perintah dengan format tertentu dan terstruktur untuk menampilkan tampilan tertentu. Baik, mari kita buat menjadi lebih sederhana. Misalnya dihalaman web Kita sering melihat ada text seperti berikut:
Tulisan tebal
Nah untuk bisa membuat sebuah tulisan tebal seperti di atas, maka kita bisa membuatnya dengan HTML dengan kode berikut:
<Stong>tulisan tebal</strong>
Oke sekarang saya paham, dimana saya bisa menulis kode Html dan bagaimana caranya?
Benar, untuk dapat membuat sebuah halaman web yang dapat ditampilkan oleh browser sebagaimana yang kita inginkan, Tentu dong ada aturan dan formatnya. yaitu htm atau html.
berikut ini contoh sederhana penulisan kode HTML:
kita bisa menuliskan kode tersebut pada code editor seperti notpad,sublime text atau lainnya.
adapun code editor yang saya gunakan disini adalah sublime text 2. sekali lagi kamu bebas menggunakan code editor yang lain , itu hanya masalah pilihan saja.
kemudian kita simpan dengan format. htm atau html. misalnya disini untuk contoh di atas kita simpan dengan nama index,html. maka bewrikut tampilannya jika dibuka melalui browser:
pada contoh kode HTML di ataskita bisa melihat bahwa untuk memulai menulis kode HTML maka kita harus memulainya dengan kode <html> dan ditutup dengan </html>.adapun mengenai kode <!DOCTYPE HTML> itu berpungsi sebagai pengenal html 5( di lain kesempatan insya allah akan kita bahas), sementara ikuti saja seperti demikian.
kode-kode yang ada di antara <head>dan</head> berfungsi untuk memberikan informasi tambahan kepada browser, untuk contoh di atas misalnya ada <title> yang artinya memberikan informasi kepada browser bahwa halaman web yang dibuat ini memiliki judul selamat datang html.
apa yang ingin kita tampilkan pada browser terletak di antara kode <body>dan </body>. yups, itulah inti dari kode kita. disitulah kode-kode yang akan menyusun halaman web ditulis.
sebagai penutup untuk panduan belajar HTML dasar ini saya ingin memberitahukan bahwa ada 2 hal terkait HTML yang harus dipahami untuk memulai belajar HTML, yaitu TAG dan atribut
TAG
sebenarnya dari awal kita membahas HTML kita sudah berbicara tentang TAG, hanya saja belum saya jelaskandetailnya . TAG sederhananya adalah kode-kode tertentu yang menjadi pengenal bahwa kode tersebut adalah HTML dan bisa diterjemahkan oleh browser dengan tampilan tertentu. misalnya tadi, untuk membuat sebuah tulisan tebal, maka kita bisa menggunakan TAG STRONG, atau TAG B. untuk membuat paragraf kita bisa membuat TAG P. dan masih banyak TAG HTML lainnyatebtu dengan fungsi berbeda-beda. dikesempatan lain akan kita pelajari lebih jau.untuk menuliskan TAG HTML kita bisa menggunakan huruf kecil atau pun kapital, bebas-bebas saja, browser sudah mengenalinya kok.
ATRIBUT
atributadalah karakteristik tambahan pada suatau TAG. misalnya seperti yang sebelumnya sudah saya informasikan bahwa untuk membuat paragraf kita bisa menggunakan TAG P. secara default paragraf yang akan ditampilkan oleh TAG P adalah rata kiri. tapi jika kita ingin membuatnya rata tengah, kita bisa menambahkan atribut ALIGN dengan value CENTER ke dalam TAG P taersebut. misalnya seperti berikut:
setiap TAG memiliki atributnya masing-masing tergantung bagaimana sifat dari TAG tersebut. dan sama seperti halnya dengan TAG, kita juga bebas menggunakan huruf kecil atau kapital dalam menuliskan atribut di dalam HTML.