All About Information and Technology: 2019

INTRODUCTION HTML : PENGENALAN HTML PART 1

Apa itu HTML?

Hypertext Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi

HTML adalah bahasa markup standar untuk membuat halaman Web.

HTML adalah singkatan dari Hyper Text Markup Language
HTML menggambarkan struktur halaman Web
HTML terdiri dari serangkaian elemen
Elemen HTML memberi tahu browser cara menampilkan konten
Elemen HTML diwakili oleh tag
Tag HTML memberi label potongan konten seperti "heading", "paragraf", "table", dan sebagainya
Browser tidak menampilkan tag HTML, tetapi menggunakannya untuk merender konten halaman

Untuk belajar HTML sebaiknya pakai teks editor sederhana seperti Notepad (PC) atau TextEdit (Mac). Menggunakan teks editor sederhana adalah cara yang baik untuk belajar HTML.

Ikuti langkah-langkah di bawah ini untuk membuat halaman web pertama Anda dengan Notepad atau TextEdit.

Langkah 1: Buka Notepad (PC WINDOWS)
Buka Layar Start (jendela simbol di bagian bawah kiri pada layar Anda). Search dan ketik Notepad.

Langkah 1: Buka TextEdit ( FOR Mac)
Buka Finder -> Applications -> TextEdit

Juga mengubah beberapa preferensi untuk mendapatkan aplikasi untuk menyimpan file dengan benar. Dalam Preferences -> Format -> pilih "Plain Text"

Kemudian di bawah "Open dan Save", centang kotak yang mengatakan "Tampilan file HTML sebagai kode HTML bukan teks diformat". Kemudian buka dokumen baru untuk menempatkan kode.

Langkah 2: Menulis Beberapa HTML
Menulis atau menyalin beberapa HTML ke dalam Notepad. Seperti dibawah ini :

CONTOH HTML SEDERHANA

<!DOCTYPE html>
<html>
<head>
<title>PENGENALAN HTML</title>
</head>
<body>
<h1>Hello</h1>
<p>This is my first paragraph.</p>
</body>
</html>

Penjelasan :

Deklarasi <! DOCTYPE html> mendefinisikan dokumen ini sebagai HTML5
Elemen <html> adalah elemen root 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 paragraf

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

<tagname>content goes here...</tagname>

HTML tags normally come in pairs like <p> and </p>
The first tag in a pair is the start tag, the second tag is the end tag
The end tag is written like the start tag, but with a forward slash inserted before the tag name

Langkah 3: Simpan Halaman HTML

Simpan file di komputer Anda. Pilih File> Simpan sebagai dalam menu Notepad.

Nama file "index.htm" dan mengatur pengkodean File Format (Web Page(.html) (yang merupakan pengkodean yang lebih disukai untuk file HTML).