Untuk melengkapi pengetahuan dalam berlajar Animate CC, sebaiknya Anda mengenal apa itu HTML 5.
HTML adalah singkatan dari Hyper Text Markup Language. Hyper Text berarti teks yang memiliki kemampuan terhubung antara teks pada suatu halaman dengan halaman yang lain.
Bahasa Markup menjelaskan bahwa dokumen HTML diurutkan oleh tag- markup tag dan setiap tag pada HTML menjelaskan perintah isi dokumen yang berbeda- beda.
Fungsi HTML
HTML adalah cara yang digunakan untuk membuat sebuah halaman web dengan terhubung teks / link antar halaman, memberi struktur dan membagikan informasi yang terkait dengan sebuah halaman web. Selain itu HTML pada Web bisa menampilkan bermacam- macam konten seperti video, audio, gambar, dan agar tampilan web kita semakin menarik biasanya didalam sebuah web di tambahkan Javascript sebagai animasi, dan CSS (Cascading Style Sheet) sebagai pemberi make-up atau style.
Sebelum kita bahas HTML lebih lanjut, Anda sebaiknya memiliki aplikasi editor teks seperti notepad ++ atau lainnya. Dalam latihan berikut, kita akan menggunakan HTMLPad.
HTMLPad adalah editor kode HTML, CSS, dan JavaScript yang akan membantu Anda membuat kode lebih cepat dan menjadi lebih produktif. Dikemas dengan fitur dan alat canggih, HTMLPad memungkinkan Anda membuat, mengedit, memvalidasi, menggunakan kembali, menavigasi, dan menerapkan kode HTML, CSS, dan JavaScript Anda dengan cepat dan mudah.
Unduh HTMLPad.
Pengertian Tag pada HTML
Tag adalah sebuah teks yang bertindak sebagai fungsi untuk memberitahu ke browser dan dijalankan sesuai perintah teks tersebut.
Jika ingin menampilkan teks dalam berbagai ukuran ukuran gunakan tag sesuai perintah yang diberikan.
Menempatkan karakter dalam kurung sudut untuk membuat sebuah tag.
Ketik kode berikut pada HTMLPad.
<tag_pembuka> teks yang ditampilakan pada halaman web </tag_penutup>
Elemen HTML ditulis dengan tag awal atau tag pembuka dan tag akhir atau tag penutup. Tag akhir selalu sama dengan tag awal, kecuali memiliki garis miring atau slash “/” setelah sudut pembuka
Penulisan HTML tidak case-sensitive ( tidak membedakan antara huruf kecil dengan huruf besar ) , artinya penulisan <p> dianggap sama dengan <P>
Pengertian Elemen pada HTML
Elemen adalah konten di antara kedua tag pembuka dan tag penutup, HTML dibangun dari elemen yang Anda gunakan untuk melakukan markup.
Contoh tag p berfungsi untuk membuat paragraf.
Ketik kode berikut pada HTMLPad.
<body><p> Contoh paragraf sebagai bagian dari konten </p></body>
Pada contoh di atas, elemen p berada di dalam elemen body. ” Contoh paragraf sebagai bagian dari konten” yang ditempatkan diantara <p> dan </p> disebut elemen dan tag p sendiri juga termasuk elemen dan atribut yang dimilikinya (jika ada),
<p> </p> disebut sebuah tag. <p> adalah tag pembuka, sedangkan </p> adalah tag penutup.
Elemen kosong <br>
Elemen kosong tidak ada tag penutup dan elemen tidak mengandung kontent apapun, oleh karena itu disebut elemen kosong.
atribut pada HTML
Atribut adalah informasi tambahan untuk memberikan pengaturan dari sebuah elemen. ditulis pada tag pembuka elemen dan terdiri dari dua bagian: nama dan nilai, dipisahkan oleh tanda sama dengan.
<html lang="en"> isi elemen kontent </html>
lang itu nama atribut dan en adalah nilai atribut
Nama atribut harus ditulis dalam huruf kecil. Nama atribut menunjukan jenis informasi tambahan apa yang Anda berikan pada konten elemen.
Nilai atribut adalah informasi atau pengaturan untuk atribut. Nilai atribut harus di tempatkan diantara dua tanda kutip.
Atribut yang berbeda dapat memiliki nilai yang berbeda.
Dalam contoh ini atribut lang digunakan untuk menunjukan bahasa utama yang digunakan dalam halaman web.
pada contoh diatas halaman web ditentukan dalam bahasa inggris dengan nilai atribut en.
tag html pada HTML
<html> adalah tag yang mewakili dari sebuah dokumen HTML, sehingga disebut sebagai elemen root (elemen teratas)
<html> adalah tag awal, untuk membatasi teks di dalamnya, tambahkan tag penutup dengan menambahkan garis miring “/” pada tag awal.
Penulisan kode halaman HTML antara <html> dan </html>.
<html> memberi tahu browser bahwa ini adalah awal dari dokumen HTML dan </html> ini adalah akhir dokumen HTML
Ketik kode berikut pada HTMLPad.
<html>
...Test dokumen HTML…
</html>
Browser membaca dokumen HTML dari atas ke bawah dan dari kiri ke kanan.
tag head pada HTML
tag head ditulis <head> sebagai pembuka tag head dan </head> sebagai penutup tag head.
Struktur penulisan kode html biasanya seperti berikut.
<html>
<head>
<title> Hello world </title>
</head></html>
Dalam elemen <head> dapat berisi judul <title>, script <script> , styles <style>, informasi meta <meta> dan lainnya.
Tag head mewakili bagian kepala dari dokumen HTML.
tag <head> sangat disarankan untuk disertakan dalam semua dokumen HTML karena dapat mengakibatkan error di browser lama, walaupun di HTML 5 kita bisa menghilangkan penulisan tag ini.
tag title pada HTML
Title adalah tag yang digunakan untuk mendefinisikan judul atau nama dari dokumen HTML.
Cara penulisan judul halaman di tulis diantara <title> dan </title>, <title> adalah tag judul pembuka dan </title> tag penutup judul.
contoh title tag di bawah ini :
<html>
<head>
<title> Home | Tutorial Komputer Grafis </title>
<head>
</html>
Judul ditampilkan di tab judul browser ( diatas ) dimana Anda biasa mengetik URL halaman yang ingin dikunjungi.
Judul halaman ini juga ditampilkan di bookmark browser dan hasil pencarian.
tag body pada HTML
Tag body adalah elemen yang mewakili isi dokumen HTML. segala sesuatu yang ada didalam elemen ini ditampilkan di halaman utama browser.
<body> berisi semua dokumen HTML, seperti teks, hyperlink, gambar, tabel, list dan lain-lain.
Cara penulisan tag body, <body> sebagai tag pembuka dan </body> adalah tag penutup.
<html lang="en"><head>
<title> Latihan tag body pada HTML</title></head><body>
<p> ini adalah bagian dari isi </p></body></html>
Tag <body> diperlukan dalam setiap dokumen HTML, dan hanya ada satu tag <body> pada setiap halaman.
Halaman HTML
Ketik kode berikut, lalu simpan pada folder yang diinginkan dan jalankan pada browser.
Karena kita menggunakan HTMLPad, file yang disimpan otomatis merupakan file HTML.
<html lang="en"><head>
<title> Latihan Halaman HTML </title></head><body>
<p> ini adalah body pada halaman </p></body></html>
Jenis tag pada HTML
Jenis tag pada HTML ada dua yaitu :
tag pembungkus atau Container tag adalah tag yang memiliki tag pembuka dan tag penutup. bisa di artikan mempunyai pasangan.
Contoh:
<html> ... </html>
<head> ... </head>
<body> ... </body>
<div> ... </div>
<span> ... </span>
<b> ... </b>
Empty tag adalah tag yang hanya memiliki tag pembuka.
Contoh:
<br>
<area>
<base>
<hr>
<img>
<input>
<meta>
<link>
Published: Seno Adjie.
0 Komentar