Blog
Membuat Dokument HTML Dengan Text Editor
HTML adalah singkatan dari Hyper Text Markup Language. sebuah bahasa markup yang digunakan untuk membangun website, jadi setiap kita menjelajah di internet, kita pasti akan bertemu dengan HTML. Hal ini dikarenakan semua website yang ada di internet dibuat dengan menggunakan bahasa markup HTML tanpa terkecuali. pada tutorial ini kita akan belajar bagaimana membangun webiste menggunakan HTML.
Cara Membuat Dokumen HTML
untuk membuat sebuah dokument html sangat lah mudah, silahkan buka software text editor kesayangan anda, agar file latihan kita terdokumentasi dengan rapi dan tersetruktur maka buatlah sebuah folder baru dengan nama latihan_html pada partisi C, kemudian setelah itu buatlah sebuah file baru dan simpan dengan nama latihan1.html
Struktur Dasar Dokument HTML
HTML memiliki struktur dasar yang harus di ikuti berdasarkan aturan yang sudah ditetapkan oleh w3.org, menurut wikipedia w3.org adalah konsorsium yang bekerja untuk mengembangkan standar-standar untuk WWW dan Spesifikasi teknologi-teknologi utama yang dipakai sebagai basis utama web, seperti URL (Uniform Resource Locator), HTTP (Hypertext Transfer Protocol), dan HTML (HyperText Markup Language).
untuk membuat script HTML yang sesuai dengan aturan w3.org tadi silahkan buka lagi file latihan1.html dengan software text editor kesayangan anda dan selanjutnya kita akan membuat script struktur dasar dalam sebuah dokument HTML, silahkan ketik script berikut pada file latihan1.html
<!DOCTYPE html> <html> <head> <title>Judul Halaman</title> </head> <body> <h1>Judul Artikel</h1> <p>Paragraf pertama dalam sebuah web.</p> </body> </html>
jika sudah selesai maka save (CTRL+S) untuk menyimpan perubahan.
Membuka Dokument HTML
sebuah dokument HTML bisa dibuka langsung tanpa memerlukan sebuah web server, ini karena HTML adalah bahasa markup yang berjalan di sisi client / clientside programming. untuk membuka dokument HTML silahkan klik kanan pada file latihan1.html dan pilih open with lalu silahkan pilih salah satu web browser yang akan anda gunakan
lalu hasilnya akan tampil seperti dibawah ini
HTML Tag, Attribute Dan Value
setiap script HTML pasti di awali dengan tag pembuka dan tag penutup seperti dibawah ini :
<p>Paragraf pertama dalam sebuah web.</p> atau <title>Judul Web</title>
<p> dan <title> merupakan salah satu contoh Tag HTML yang sering digunakan, tag juga biasanya memiliki attribute dan value dari attribute tersebut. misalnya tag <p> memiliki attribute align yang digunakan untuk memberikan perataan text pada element tag <p> sampai </p> tadi sehingga scriptnya menjadi seperti ini :
<p align="center">sample text here sample text here sample text here sample text here sample text here sample text here sample text here sample text here sample text here sample text here sample text here .</p> <p align="left">sample text here sample text here sample text here sample text here sample text here sample text here sample text here sample text here sample text here sample text here sample text here .</p> <p align="right">sample text here sample text here sample text here sample text here sample text here sample text here sample text here sample text here sample text here sample text here sample text here .</p>
sehingga kalau di save sekarang tampilan nya jadi seperti ini.
selamat anda sudah berhasil membuat dokument HTML pertama anda dan mempelajari konsep dasar dari HTML, pada postingan selanjutnya kita akan membahas pembuatan Table Menggunakan HTML.
