Iklan Atas Artikel

Breaking

Updatean Terkini!!! Jangan lewatkan artikel Terbaru Kami setiap minggunya hanya di gymprograms.site | Jika ada yang mau request Tutorial bisa email saya langsung KLIK DI SINI ya...

Monday, September 30, 2019

Mengenal Tag html dasar

Mengenal Tag html dasar - HTML atau Hypertext Markup Language adalah sebuah kumpulan code yang digunakan untuk membuat kerangka website dan telah menjadi teknologi utama untuk Web sejak awal tahun 1990-an. Tim Berners-Lee menciptakan HTML pada tahun 1989 sebagai cara sederhana namun efektif untuk mengkodekan dokumen elektronik. Bahkan, tujuan awal dari web browser adalah untuk melayani pembaca untuk membuka dokumen berformat HTML.

Tag HTML

Tag merupakan kode yang digunakan untuk membuat bagian-bagian dalam sebuah kerangka website. HTML membutuhkan cara memperkenalkan text yang ditulis didalamnya kepada web brawser baik text itu berupa list, paragraf, link dan sebagainya. disinilah di gunakan tag. dalam penlisan tag, hampir semua menggunakan pembuka dan penutup tag, dimana objek yang dimaksudkan berada diantara pembuka dan penutup tag. berikut penulisan tag yang diguanakan dalam HTML.


untuk memperbedakan antara tag pembuka dan tag penutup yaitu, pada tag pembuka diawali kurung sudut pembuka, tag yang dimaksud, dan diakhiri dengan kurung sudut penutup. sedangkan pada penutup tag itu diawali dengan kurung sudut pembuka, backslash, tag yang dimaksud, dan diakhiri dengan penutup kurung sudut.

jenis tag yang sering digunakan dalam html

berikut ini adalah beberapa Tag html yang sering digunakan dalam membuat kerangka website
Tag Fungsi
<!– ….–> Digunakan untuk memberi sebuah komentar atau keterangan
<!DOCTYPE html> digunakan untuk Mendefinisikan tipe document
<a> Mendefinisikan sebuah anchor, digunakan untuk saling menautkan antara satu dokumen HTML ke dokumen HTML yang lain
<b> membuat teks menjadi tebal
<p> membuat pargraf
<h1> membuat heading satu
<h2> membuat heading dua
<body> mendefinisikan body/isi dokument html
<head> mendefinisikan bagian kepala dokumen html
<title> memdefiniskan judul halaman
<div> mendefinisikan halaman
<link> mendefinisikan hubungan antar dokumen
<script> Mendefinisikan client-side script
<table> mendefinisikan tabel
<th> Mendefinisikan sel header di dalam  sebuah tabel
<td> Mendefinisikan sel di dalam sebuah tabel
<tr> Membuat baris di dalam sebuah tabel
<ul> Mendefinisikan daftar dalam format bullet
<li> mendefinisikan list

Element HTML 

Element pada HTML merupakan isi atau objek yang berada tag. maksdunya, isi yang ada diantara tag pembuka dan tag penutup (termasuk jenis itu sendiri) misalkan :


pada contoh diatas <h2> ini adalah heading dua <h2> merupakan element h2 dan isinya ini adalah heading dua. dalam element ini bisa berupa text ataupun tag lain misalnya <link> dan sebagainya.

Attribute

Setelah Anda memahami element dan tag, Anda perlu memahami apa itu attribute. Seperti diketahui jika sebuah element berupa sturktur pada HTML yang berfungsi untuk memberitahu browser mengenai apa yang akan ditampilkan.

Gambar dari niagahoster

Tata cara penulisan Attribute yang benar :
  1. Nama attribute diikuti oleh tanda sama dengan.
  2. Nilai attribut diapit oleh dua tanda petik pembuka dan penutup.
  3. Jika lebih dari satu attribut, diberi jarak dengan spasi.

Berikut ini adalah contoh element yang disertai dengan attribute

Berikut adalah contoh Tampilan pada browser
Berikut adalah Website Tutorial.

KESIMPULAN

Setelah Anda menyelesaikan tutorial belajar HTML langkah demi langkah pada artikel ini, Anda akan memahami beberapa hal seperti cara membuat judul, memasukkan gambar, membuat link, sampai membuat kontak form. Jika Anda memiliki masukkan atau pertanyaan mengenai artikel ini, jangan ragu untuk berkomentar melalui kolom komentar yang tersedia. Silakan Subscribe untuk mendapatkan artikel terbaru langsung di inbox email Anda. 🙂

No comments:

Post a Comment