Mudah Belajar HTML
TUTORIAL HTML
HTML adalah bahasa yang digunakan untuk membuat halaman web. Bagi yang berkecimpung di dunia perangkat gadget dan ilmu komputer, pasti sudah tidak asing lagi dengan berbagai kode di dalamnya. HTML adalah kependekan dari Hypertext Markup Language.
HTML adalah bahasa markup standar untuk halaman Web. Dengan HTML Anda dapat membuat Website Anda sendiri. HTML mudah dipelajari - Anda akan menikmatinya!
HTML Introduction
Apa itu HTML?
HTML adalah singkatan dari Hyper Text Markup Language
HTML adalah bahasa markup standar untuk membuat halaman Web
HTML menggambarkan struktur halaman Web
HTML terdiri dari serangkaian elemen
Elemen HTML memberi tahu browser cara menampilkan konten
Elemen HTML memberi label potongan konten seperti "ini adalah judul", "ini adalah paragraf", "ini adalah tautan", dll.
Dokumen HTML Sederhana :
Example :
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Example Explained :
- Deklarasi <!DOCTYPE html> mendefinisikan bahwa dokumen ini adalah dokumen HTML5
- Elemen <html> adalah elemen root dari halaman HTML
- Elemen <head> berisi informasi meta tentang halaman HTML
- Elemen <title> menentukan judul untuk halaman HTML (yang ditampilkan di bilah judul browser atau di tab halaman)
- Elemen <body> mendefinisikan tubuh dokumen, dan merupakan wadah untuk semua konten yang terlihat, seperti judul, paragraf, gambar, hyperlink, tabel, daftar, dll.
- Elemen <h1> mendefinisikan heading besar
- Elemen <p> mendefinisikan paragraf
HTML Editors
Belajar HTML Menggunakan Notepad atau TextEdit
Halaman web dapat dibuat dan dimodifikasi dengan menggunakan editor HTML profesional. Namun, untuk mempelajari HTML kami merekomendasikan editor teks sederhana seperti Notepad (PC) atau TextEdit (Mac). Kami percaya bahwa menggunakan editor teks sederhana adalah cara yang baik untuk mempelajari HTML. Ikuti langkah-langkah di bawah ini untuk membuat halaman web pertama Anda dengan Notepad atau TextEdit.
Tulis atau salin kode HTML berikut ke Notepad:
Example :
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
HTML Basic Examples
Dokumen HTML :
Semua dokumen HTML harus dimulai dengan deklarasi tipe dokumen: <!DOCTYPE html>.
Dokumen HTML itu sendiri dimulai dengan <html> dan diakhiri dengan </html>.
Bagian yang terlihat dari dokumen HTML adalah antara <body> dan </body>.
Example :
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
HTML Headings
Judul HTML didefinisikan dengan tag <h1> hingga <h6>.
<h1> mendefinisikan heading yang paling penting. <h6> mendefinisikan heading yang paling tidak penting:
Example :
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
HTML Paragraphs
Paragraf HTML didefinisikan dengan tag <p>:
Example :
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<p>This is another paragraph.</p>
HTML Links
Tautan HTML didefinisikan dengan tag <a>:
Example :
<a href="https://www.nrmstari277.com">This is a link</a>
HTML Images
Gambar HTML didefinisikan dengan tag <img>.
File sumber (src), teks alternatif (alt), lebar, dan tinggi disediakan sebagai atribut:
Example :
<img src="nrmstari277.jpg" alt="nrmstari277.com" width="104" height="142">
HTML Forms
Formulir HTML digunakan untuk mengumpulkan input pengguna. Input pengguna paling sering dikirim ke server untuk diproses.
The <form> Element
Elemen HTML <form> digunakan untuk membuat formulir HTML untuk input pengguna:
Example :
<form>
.
form elements
.
</form>
.
form elements
.
</form>
Text Fields
<input type="text"> mendefinisikan bidang input satu baris untuk input teks.
Example :
<form>
<label for="fname">First name:</label><br>
<input type="text" id="fname" name="fname"><br>
<label for="lname">Last name:</label><br>
<input type="text" id="lname" name="lname">
</form>
<label for="fname">First name:</label><br>
<input type="text" id="fname" name="fname"><br>
<label for="lname">Last name:</label><br>
<input type="text" id="lname" name="lname">
</form>
Komentar
Posting Komentar