.

.

.

.

Latest Posts

Dasar HTML

zulandri
Contoh Dasar HTML
Sebelumnya Berikutnya
________________________________________
Jangan khawatir jika contoh ini menggunakan tag yang belum Anda pelajari.
Anda akan belajar tentang mereka di bab berikutnya.
________________________________________
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 dokumen HTML yang terlihat adalah antara <body> dan </ body>.
Contoh
<! DOCTYPE html>
<Html>
<Body>

<H1> Pos Pertama Saya </ h1>
<P> paragraf pertama saya. </ P>

</ Body>
</ Html>
Cobalah sendiri "
________________________________________
Judul HTML
Judul HTML didefinisikan dengan tag <h1> sampai <h6>.
<H1> mendefinisikan judul yang paling penting. <H6> mendefinisikan pos paling tidak penting:
Contoh
<H1> Ini menuju 1 </ h1>
<H2> Ini mengarah 2 </ h2>
<H3> Ini mengarah ke 3 </ h3>
Cobalah sendiri "
________________________________________
________________________________________
Paragraf HTML
Paragraf HTML didefinisikan dengan tag <p>:
Contoh
<P> Ini adalah paragraf. </ P>
<P> Ini adalah paragraf lain. </ P>
Cobalah sendiri "
________________________________________
Tautan HTML
Tautan HTML ditentukan dengan tag <a>:
Contoh
<a href="https://www.w3schools.com"> Ini adalah tautan </a>
Cobalah sendiri "
Tujuan link ditentukan dalam atribut href.
Atribut digunakan untuk memberikan informasi tambahan tentang elemen HTML.
________________________________________
Gambar HTML
Gambar HTML didefinisikan dengan tag <img>.
File sumber (src), teks alternatif (alt), lebar, dan tinggi disediakan sebagai atribut:
Contoh
<Img src = "w3schools.jpg" alt = "W3Schools.com" width = "104" height = "142">

Cobalah sendiri "

HTML Editor

zulandri
Editor HTML


Menulis HTML Menggunakan Notepad atau TextEdit
Halaman web dapat dibuat dan dimodifikasi dengan menggunakan editor HTML profesional.
Namun, untuk belajar HTML kami merekomendasikan editor teks sederhana seperti Notepad (PC) atau TextEdit (Mac).
Kami percaya menggunakan editor teks sederhana adalah cara yang baik untuk belajar HTML.
Ikuti empat langkah di bawah ini untuk membuat halaman web pertama Anda dengan Notepad atau TextEdit.



Langkah 1: Buka Notepad (PC)

Windows 8 atau yang lebih baru:
Buka Start Screen (simbol jendela di kiri bawah layar Anda). Ketik Notepad.
Windows 7 atau sebelumnya:

Buka Start> Programs> Accessories> Notepad


Langkah 1: Buka TextEdit (Mac)

Buka Finder> Aplikasi> TextEdit
Juga ubah beberapa preferensi agar aplikasi bisa menyimpan file dengan benar. Dalam Preferensi> Format> pilih "Plain Text"
Kemudian di bawah "Open and Save", centang kotak bertuliskan "Abaikan perintah teks kaya dalam file HTML".

Kemudian buka dokumen baru untuk menempatkan kode.


Langkah 2: Tulis Beberapa Kode HTML
Tulis atau copy beberapa kode html ke dalam notepad.
<!DOCTYPE html>
<html>
<body>

<h1>Heading</h1>

<p>paragraf</p>

</body>
</html>
Gambarny seperti di bawah ini





Langkah 3: Simpan Halaman HTML

Simpan file di komputer Anda. Pilih File> Save as in the Notepad.
Namai file "index.htm" dan atur pengkodean ke UTF-8 (yang merupakan pengkodean yang disukai untuk file HTML). 
Lihat di Browser


Anda Bisa menggunakan extensi .htm atau .html.  tidak ada bedanya. tergantung anda


Langkah 4: buka file HTML yang telah anda buat menggunakan browser
Hasilnya akan terlihat seperti ini



Versi HTML

zulandri
Versi HTML

Sejak awal web, sudah banyak versi HTML:

Version Year
HTML 1991
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 2000
HTML5 2014

Deklarasi

zulandri
Deklarasi <! DOCTYPE>

Deklarasi <! DOCTYPE> mewakili jenis dokumen, dan membantu browser untuk menampilkan halaman web dengan benar.

Itu hanya boleh muncul sekali, di bagian atas halaman (sebelum ada tag HTML).

Deklarasi <! DOCTYPE> tidak sensitif huruf.

Deklarasi <! DOCTYPE> untuk HTML adalah:

<! DOCTYPE html>

Struktur Halaman HTML

zulandri
Struktur Halaman HTML

Berikut adalah visualisasi struktur halaman HTML:

<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
<h1>Ini adalah heading</h1>
<p>Ini adalah paragraph</p>
<p>ini adalah paragraf yang lain</p>
</body>
</html>

Catatan: Hanya konten di bagian <body> (area putih di atas) yang ditampilkan di browser.

Browser Web

zulandri

Browser Web

Tujuan dari browser web (Chrome, IE, Firefox, Safari) adalah membaca dokumen HTML dan menampilkannya. Browser tidak menampilkan tag HTML, namun menggunakannya untuk menentukan cara menampilkan dokumen:


lanjutkan materi

HTML, Apa Itu?

zulandri
Home                                                                                                                                           Next ❯

Apa itu HTML?

HTML adalah bahasa markup standar untuk membuat halaman Web.

HTML adalah singkatan dari Hyper Text Markup Language
HTML menggambarkan struktur halaman Web menggunakan markup
Elemen HTML adalah blok bangunan dari halaman HTML
Elemen HTML diwakili oleh tag
Tag HTML memberi label potongan konten seperti "judul", "paragraf", "tabel", dan seterusnya
Browser tidak menampilkan tag HTML, tapi gunakan untuk menampilkan konten halaman



Dokumen HTML Sederhana

Contoh:



Penjelasan Contoh Di atas:
Deklarasi <! DOCTYPE html> mendefinisikan dokumen ini menjadi HTML5
Elemen <html> adalah elemen dasar dari halaman HTML
Elemen <head> berisi informasi meta tentang dokumen
Elemen <title> menentukan judul untuk dokumen
Elemen <body> berisi konten halaman yang terlihat
Elemen <h1> mendefinisikan heading besar
Elemen <p> mendefinisikan sebuah paragraf


Tag HTML
Tag HTML adalah nama elemen yang dikelilingi oleh kurung sudut:

<Tagname>       konten masuk ke sini ...       </ tagname>

Tag HTML biasanya berpasangan seperti <p> ​​dan </ p>
Tag pertama pada pasangan adalah tag awal, tag kedua adalah tag akhir
Tag akhir ditulis seperti tag awal, namun dengan garis miring ke depan dimasukkan sebelum nama tag

Tip: Tag awal juga disebut tag pembuka, dan tag akhir tag penutup.

Our Team

  • Syed Faizan AliMaster / Computers
  • Syed Faizan AliMaster / Computers
  • Syed Faizan AliMaster / Computers
  • Syed Faizan AliMaster / Computers
  • Syed Faizan AliMaster / Computers
  • Syed Faizan AliMaster / Computers