Dasar HTML
Belajar HTML
Halo, Saya Farhan Ardiansyah dari kelas X1 RPL 1. Di postingan ini saya akan mejelaskan fungsi tag tag pada HTML. Sebelum ke materi tag tag mari kita pelajari dulu apa itu HTML
HTML adalah bahasa markup standar untuk membuat halaman web, singkatan dari Hyper Text Markup Language dan berfungsi untuk menggambarkan struktur halaman web menggunakan markup
Berikut Struktur html
Dan ini adalah contoh codingan yang saya kerjakan
<!DOCTYPE html>
<html>
<head>
<title>web pertama saya</title>
</head>
<body>
<div>
<h1>ini header 1</h1>
<h2>ini header 2</h2>
<h3>ini header 3</h3>
<h4>ini header 4</h4>
<h5>ini header 5</h5>
<h6>ini header 6</h6>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<img src="index.jpg" width="100px" height="100px" alt="duka atuh">
<hr width="70%">
<big>Ini besar</big>
<br>
<small>Ini Kecil</small>
<br>
<strong>Ini Tebal</strong>
<br>
<a href="https://rplmantap.wordpress.com/">Link menuju website rplmantap</a>
<ol>
<li>test</li>
<li>test</li>
<li>test</li>
</ol>
</body>
</html>
Saya akan menjelas kan satu per satu tag tag nya
Dan ini hasilnya
1 Deklarasi HTML
Sebelum kita mengetik tag yang lain lain pastikan kita menulis deklarasinya terlebih dahulu <!doctype html>
<!doctype> mewakili tipe documen dan membantu browser menampilkannya dengan benar
2 Judul
Fungsi title adalah memberikan judul laman web, title harus ditulis pada bagian head(kepala)
Nanti judul akan terletak pada bagian
3 Head
Elemen HTML head merupakan elemen sebagai tempat untuk meta data (kumpulan data tentang data). Meta data HTML adalah data tentang dokumen HTML itu sendiri, segala informasi mengenai meta data tidak akan ditampilkan dalam halaman web browser, cara untuk memerikasanya adalah dengan melihat langsung source code HTML.
Meta data dalam file HTML biasanya berisi tentang
judul dokumen, gaya (style), link, script, dan informasi meta lainnya.
Tag yang biasanya masuk dalam elemen HTML head dan berfungsi sebagai meta data:
<title>,
<style>,
<meta>,
<link>,
<script>,
dan <base>.
4 Body
Elemen HTML body membungkus semua konten yang akan ditampilkan di layar
halaman web atau di media lain seperti area print, elemen HTML seperti judul
(heading), paragraf, gambar, tabel, dan sebagainya.
5 Header
<h1> element merepresentasikan
konten pengantar, pembukaan atau navigasi yang terdiri dari deretan link.
Header terdiri dari h1-h6 semakin besar nomornya makan semakin kecil hurufnya.
Contoh header
6 Paragraf
Paragraf biasanya digunakan untuk menampilkan teks atau artikel. Paragraf pada HTML dibuat dengan tag <p>
Contoh paragraf
7. Gambar
<img src="index.jpg" width="100px" height="100px" alt="duka atuh">
img menunjukkan image yang berarti gambar dan oleh karenanya digunakan untuk menyisipkan gambar.
Src berarti rujukan gambar yang akan di tampilkan bisa melalui link di internet bisa langsung nama gambarnya yang terletak pada folder yg sama pada folder html kalian.
Widht berarti lebar kita bisa menentukan lebar gambar yang akan ditampilkan begitu juga tinggi nya height.
Alt adalah tampilan berupa tulisan jika gambar tidak ditemukan
Contoh image:
8. style huruf
Kalian bisa mengatur tampilan huruf yang kalian ingin kan dengan tag:
<i>: italic huruf miring
<b>: bold huruf tebal
<strong>: strong berarti penting huruf yang diberi tag ini akan menjadi tebal
<em>: untuk underline garis bawah,
<big>: besar
<smal>: kecil, dan lain lain
Saya hanya mencontohkan sebagian nya
9 Anchor
a menunjukkan sebuah anchor. Apa itu anchor? Anchor adalah teks yang menunjukkan awalan dan akhiran sebuah hypertext link. HTML <a> element digunakan untuk mendefinisikan sebuah hyperlink. Link dapat merujuk ke halaman yang sedang terbuka ataupun ke halaman lain (website lain).
Jika sebuah a element memiliki href attribute, maka element tersebut menunjukkan sebuah hyperlink (hypertext anchor), tetapi jika element tersebut tidak memiliki href attribute, maka element tersebut menunjukkan sebuah placeholder.
Berikut contoh anchor
10 List
list atau yang kita kenal dengan daftar berurutan merupakan fungsi dalam HTML yang digunakan untuk menampilkan data secara berurutan ke bawah. Dalam HTML penilisan list menggunakan tag <li>. dalam membuat list pada HTML ini terdapat dua jenis tampilan list yang bisa di gunakan yaitu ordered list dan unordered list.
Dalam contoh saya menggunakan ol(Ordered List)
Sekian dari saya maaf jika ada kesalahan
Komentar
Posting Komentar