Apa itu HTML | belajar HTML | perkenalan HTML
Sebelum kita memulai membahas dan belajar lebih tentang HTML. Terlebih dahulu Sangat penting bagi Anda untuk mengetahui apa itu Windows atau Unix, karena hal ini adalah dasar untuk kita belajar HTML dan sebagai tempat belajar HTML . Dengan mengetahui tentang Windows atau Unix akan membuat anda lebih mudah untuk mempelajari HTML lebih lanjut.
Selanjutnya Hal kedua adalah, anda harus terbiasa dengan dasar dasar Pengolahan kata menggunakan semua jenis text editor, Cara membuat folder dan file, Cara mengatur navigasi melalui direktori yang berbeda, dan pemahaman dasar tentang apa itu browsing di internet menggunakan browser seperti Internet Explorer atau Firefox dll.
Perkenalan apa itu HTML ? :
HTML adalah singkatan dari Hypertext Markup Language. Seperti namanya, HTML adalah sebuah bahasa markup. HTML terdiri dari dua bagian yaitu Hypertext dan Markup Language. Hypertext sendiri artinya adalah sebuah teks yang menghubungkan ke sebuah dokumen lain. Sedangkan markup language adalah hanya sebuah tambahan untuk sebuah bahasa pemrograman, bukanlah bahasa pemrograman. Yang terdiri dari kode kode atau tanda. HTML ini merupakan bahasa yang paling banyak digunakan untuk membuat sebuah Halaman Web.
Bahasa markup menjelaskan cara kerja HTML. Dengan bahasa markup, Anda cukup "menandai" dokumen teks(konten yang akan di tampilkan) dengan tag yang memberi tahu browser bahwa itu adalah sebuah konten apa yang ingin anda tampilkan di halaman web.
Awalnya, HTML dikembangkan dengan maksud untuk mendefinisikan struktur dokumen seperti judul, paragraf, daftar, dan sebagainya untuk memfasilitasi berbagi informasi ilmiah antara peneliti. Namun seiring berjalannya waktu. HTML lebih dikenal sebagai sebuah bahasa yang umum untuk membuat sebuah halaman web.
Selanjutnya Yang perlu Anda lakukan untuk menggunakan HTML adalah mempelajari jenis markup apa yang digunakan untuk menghasilkan apa yang Anda ingin tampilkan di halaman web.
Membuat file HTML:
Membuat file HTML itu sangat mudah sobat . Untuk memulai coding HTML, Anda hanya memerlukan dua hal, yaitu : editor teks sederhana dan browser web. Notepad adalah editor teks sederhana yang paling dasar, karena notepad adalah teks editor bawaan windows yang mudah digunakan untuk seorang pemula. Tentunya dengan fitur-fitur seadaanya anda akan memulai karir programmer dari notepad. Di internet sangat banyak teks editor yang memiliki fitur yang lengkap. Contohnya vscode, sublime, atom, Dan masih banyak lagi.
Nah, Berikut adalah langkah-langkah dasar untuk membuat file HTML
- Buka Notepad atau text editor yang anda miliki.
- baris Pertama ketik kode pembuka <html>.
- Pada baris berikutnya, berikan lima spasi dan tambahkan tag header pembuka :<head>
- Pada baris berikutnya, berikan sepuluh spasi dan ketik <title> </title>.
- ke baris berikutnya, berikan lima spasi dari margin dan masukkan tag header penutup: </head>.
- Pada baris selanjutnya ketik pembuka <body>
- Pada baris Selanjutnya ketik tag penutup </body> tepat sejajar dengan pasangannya yaitu <body>
- Terakhir, ke baris berikutnya dan ketik penutup </html> sejajar dengan pembukanya
- Di menu File, pilih Simpan Sebagai/save as.
- Di opsi Simpan sebagai Tipe, pilih Semua File.
- Beri nama file template.html
- Klik Simpan.
Nah Anda telah memiliki sebuah file HTML dasar sekarang, kira kira seperti ini lah contoh jadinya dari langkah diatas. untuk sebagai beberapa percobaan, tambahan tag seperti contoh berikut di tag title Dan body.
<html>
<head>
<title>Ini adalah judul dokumen</title>
</head>
<body >
<h1>Ini adalah judul</h1>
<p>Deskripsi dokumen ada di sini.....</p>
</body>
/html>
Sekarang Anda telah membuat satu halaman HTML dan Anda dapat menggunakan Web Browser untuk membuka file HTML ini untuk melihat hasilnya. Semoga Anda mengerti bahwa Halaman Web tidak lain adalah file HTML sederhana dengan beberapa konten yang dapat ditampilkan menggunakan Browser Web.
Di sini <html>, <head>,...<p>, <h1> dll. disebut tag HTML. Tag HTML adalah blok bangunan dari dokumen HTML dan kita akan mempelajari semua tag HTML diartikle berikutnya.
CATATAN: Satu file HTML dapat ber ekstensi .htm atau .html. Jadi Anda bisa menggunakan salah satunya berdasarkan kenyamanan Anda.
Struktur Dokumen HTML:
Dokumen HTML dimulai dan diakhiri dengan tag <html> dan </html>. Tag ini memberi tahu browser bahwa seluruh dokumen disusun dalam HTML. Di dalam dua tag ini, dokumen dibagi menjadi dua bagian:
Elemen <head>...</head>, yang berisi informasi tentang dokumen seperti judul dokumen, penulis dokumen, dll. Informasi di dalam tag ini tidak ditampilkan di luar.
Elemen <body>...</body>, yang berisi konten sebenarnya dari dokumen yang Anda lihat di layar browser anda.
Tag dan Elemen HTML:
Bahasa HTML adalah bahasa markup dan kami menggunakan banyak tag untuk menandai teks. Dalam contoh di atas Anda telah melihat <html>, <body> dll. Disebut tag HTML atau elemen HTML.
Setiap tag terdiri dari nama tag, kadang-kadang diikuti oleh daftar atribut tag opsional, semua ditempatkan di antara tanda kurung buka dan tutup (< dan >). Tag paling sederhana tidak lebih dari sebuah nama yang diapit tanda kurung, seperti <head> dan <i>. Tag yang lebih rumit berisi satu atau lebih atribut , yang menentukan atau mengubah perilaku tag.
Menurut standar HTML, nama tag dan atribut tidak merespon huruf besar/kecil. Tidak ada perbedaan antara <head>, <Head>, <HEAD>, atau bahkan <HeaD>; mereka semua setara. Tetapi dengan XHTML, huruf besar/kecil itu penting: semua tag standar dan nama atribut saat ini dalam huruf kecil.
HTML itu Memaafkan?
Kualitas yang sangat baik terkait dengan semua browser adalah bahwa mereka tidak akan memberikan kesalahan apa pun jika Anda tidak memasukkan tag atau atribut HTML dengan benar. Mereka hanya akan mengabaikan tag atau atribut itu dan hanya akan menerapkan tag dan atribut yang benar sebelum menampilkan hasilnya.
Kami tidak bisa mengatakan, HTML memaafkan karena ini hanya bahasa markup dan diperlukan untuk memformat dokumen.
Dan hanya itu perkenalan HTML pada artikel ini. Semoga bermanfaat bagi anda yang menginginkan menjadi seorang programmer. Untuk selanjutnya silahkan simak artikel berikutnya.
Posting Komentar