Kode HTML Dasar yang Harus Dikuasai Pemula - Hallo sahabat Dev-Create, Pada Artikel yang anda baca kali ini dengan judul Kode HTML Dasar yang Harus Dikuasai Pemula, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Dasar, Artikel html, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Kode HTML Dasar yang Harus Dikuasai Pemula
link : Kode HTML Dasar yang Harus Dikuasai Pemula

Kode HTML Dasar yang Harus Dikuasai Pemula

Titik awal menjadi programmer web adalah menguasai kode-kode yang diperlukan unuk menysusunsebuah halaman web. Kode-kode tersebut biasa kita kenal dengan bahasa HTML. HTML singkatan dari Hypertext markup language. Dalam HTML kita akan mengenal beberapa istilah, seperti tag, elemen, atribut, dan sebagainya.


Tag adalah tanda (ditulis dalam kurung sudut, <>) yang berisi kata kunci dan digunakan untuk menunjukkan bagian-bagian tertentu pada sebuah dokumen HTML. Karena untuk menandai bagian tertentu, berarti tag pada HTML ada dua macam, yaitu tag pembuka (<namatag>) dan tag penutup (</namatag>). Jadi, setiap ada tag pembuka harus diakhiri dengan tag penutup yang menunjukkan bahwa suatu bagian dari dokumen sudah selesai. Namun, ada juga tag yang tidak menggunakan penutup, yang bisa disebut dengan tag tunggal. Ada beberapa kata kunci yang tidak membutuhkan tag penutup.

Elemen adalah bagian dari dokumen HTML itu sendiri. Ada elemen paragraf,  judul (baca: heading), tabel, dan sebagainya. Elemen tersebut dicirikan dengan diawali tag pembuka dan diakhiri dengan tag penutup.

Atribut adalah data yang ingin kita sisipkan pada sebuah elemen. Data tersebut ditandai dengan kata kunci yang sudah baku. Penulisan umumnya diletakkan pada bagian tag pembuka. Perhatikan gambar berikut:

Setelah memahami istilah-istilah dasar tersebut, berikut kami sajikan beberapa kode HTML dasar yang harus dikuasai oleh seorang programmer web.

Struktur umum

Secara umum, HTML terdiri atas dua bagian: kepala (head) dan badan (body) .

Mobile First

Saat penetrasi internet sudah mulai didominasi oleh perangkat mobile, pembuat web harus memikirkan tambilan mobile. Oleh karenanya, muncullah istilah mobile first di mana dalam perancangan tata letak web harus dipertimbangkan dulu tampilan di perangkat mobile. Untuk melakukannya, buatlah sintaks berikut di dalam bagian head dokumen HTML.

Link File

Link file ini berguna ketika kita akan menggunakan CSS eksternal atau memanggil kode javascript.

Heading

Heading pada HTML ada 6, mulai dari heading 1 (<h1>) sampai 6 (h6), meskipun yang paling sering dipakai adalah 1 sampai 3.

Link

<a href="http://belakode.blogspot.com" target="_blank">Klik di sini</a>

Paragraf

<p>Kalimat paragraf Anda</p>

Gambar

<img src="gambar.jpg" alt="Teks alternatif jika gambar tidak ditemukan" width="500" height="500">

Pemformatan

<b>tebal</b>
<i>miring</i>
<u>garis bawah</u>

Daftar atau list

Ada dua macam daftar, yang berurut dan tidak berurut. Yang berurut bisa menggunakan angka atau huruf, sedangkan yang tidak berurut cukup menggunakan simbol.

Berurut

<ol>
   <li>Daftar pertama</li>
   <li>daftar kedua</li>
</ol>

Daftar tidak berurut:

<ul>
   <li>daftar</li>
   <li>daftar lagi</li>
</ul>

Tabel

Tabel merupakan salah satu elemen dalam HTML yang akan banyak digunakan terutama ketika berhadapan denga menampilkan data kepada pengguna. Berikut adalah sintaksnya:

<table>
<thead>
   <tr>
      <td>Header kolom 1</td><td>Header kolom 2</td>
   </tr>
</thead>
<tbody>
   <tr>
      <td>Isi kolom 1 baris 1</td><td>Isi kolom 2 baris 1</td>
      <td>Isi kolom 1 baris 2</td><td>Isi kolom 2 baris 2</td>
   </tr>
</tbody>
</table>

Demikianlah Artikel Kode HTML Dasar yang Harus Dikuasai Pemula

Sekianlah artikel Kode HTML Dasar yang Harus Dikuasai Pemula kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Kode HTML Dasar yang Harus Dikuasai Pemula dengan alamat link https://dev-create.blogspot.com/2017/03/kode-html-dasar-yang-harus-dikuasai.html