Anda di halaman 1dari 5

1.

Introduction

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. Dengan kata lain, berkas yang dibuat dalam
perangkat lunak pengolah kata dan disimpan dalam format ASCII normal sehingga menjadi
halaman web dengan perintah-perintah HTML. Analoginya ketika kita membuat sebuah rumah
bahan-bahan untuk membuat sebuah rumah itu disebut HTML. Dan untuk mendesain sebuah rumah
itu adalah tugas dari CSS. Pada intinya adalah HTML adalah bahan yang digunakan untuk
membangun sebuah website, jadi ketika kita menuliskan HTML kita hanya membuat kerangka saja,
sedangkan untuk mendesain sebuah website diperlukan adanya CSS, Jadi HTML dan CSS saling
berkaitan.

2. Element pada HTML


Pertama kita harus mendownload text editor disini saya menggunakan atom sebagai text
editor, ini linknya klik disini Untuk membuat HTML, kita harus membuat file yang berekstensi
.html dibelakanng nama file, disini saya menuliskan index.html

Gambar 2.1 Struktur html


<!DOCTYPE html> adalah standart penulisan html yang berfungsi memberi tahu kepada browser
kita
pada baris kedua sampai baris kedua belas (<html> sampai </html>) disebut dengan element html
pada baris kedelapan sampai kesepuluh (<body>sampai</body> )disebut dengan element body
sedangkan pada baris ke sembilan <h1>Hello HTML</h1>disebut element h1, pada baris kelima
<title> Belajar HTML</title> disebut element title
untuk menjalankan halaman html kita buka dengan web browser langsung dengan cara click kanan
pilih open with browser yang kita pakai

Gambar 2.2 Membuka file html dengan browser

Gambar 2.3 Tampilan Hello HTML pada browser


anda juga bisa menjalankankan dengan web server, kalau anda menggunakan web server anda
menginstal ekstensi di browser anda, disini saya menggunakan web server for chorme, anda bisa
download disini maka akan tampil halaman sebagai berikut

Gambar 2.4 Tampilan extension web server for chrome


pilih add to chorme maka pada browser maka terinstall extension web server for chrome, untuk
menjalankan file html dengan web server anda tinggal menjalankan web server dan pilih file yang
akan dijalankan

Gambar 2.5 File yang dibuka dengan web server for chrome
3. Element Heading

Gambar 3.1 Source code Element Heading


Element heading ditulis dengan <h…> diakhiri dengan </h...> biasanya digunakan untuk
menulis judul sebuah website, perbedaan antara h1 sampai h6 adalah ukuran pada font,
semakin kecil element heading maka semakin besar ukuran fontnya, sebaliknya jika element
headingnya besar maka ukuran font akan semakin kecil, anda bisa melihat perbedaanya di
gambar 3.2

Gambar 3.2 Contoh perbedaan h1 sampai h6


4 Element Paragraph
Element paragraph diawali dengan <p >dan diakhiri dengan </p> disini saya akan menuliskan
paragraph secara random dengan menggunakan lipsum dapat dilihat digambar 4.1

Anda mungkin juga menyukai