PEMROGRAMAN WEB [belajar HTML part.1] ~ blog for better future

BELAJAR HTML

HyperText Markup Language atau yang biasa disebut HTML adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web. Dalam pembuatannya, sebuah file HTML dapat dibuat dengan menggunakan teks editor sederhana seperti notepad. Karena pada dasarnya file HTML hanya merupakan kumpulan teks biasa yang mengandung tag-tag HTML. Selain notepad, file HTML juga dapat dibuat dengan menggunakan HTML editor yang bersifat WYSIWYG (What You See Is What You Get) seperti fontpage atau dreamweaver. Penulisan teks HTML adalah tidak case sensitive, artinya penulisan <HTML> akan sama dengan <html>.

Tag dasar html

Tag dasar atau elemen dasar adalah pondasi dalam pembuatan web berbasis html, tag dasar dari pembuatan html biasanya terdiri dari <html> , <head> , <body>.

struktur dasar HTML

1. <html>, adalah tag dasar yang mendefinisikan bahwa dokumen adalah dokumen html. Dituliskan diawal dokumen dan diakhiri dengan </html> diakhir dokumen.

2. <head>, adalah sebagai tempat menyediakan sebuah judul dokumen yang nantinya akan muncul di title bar browser. Penulisan <head> selalu diakhiri </head>. Didalam <head> dapat kita tambah kan tag <title>untuk menambahkan judul dokumen, dan <base> yang digunakan untuk menentukan basis url sebuah dokumen. Terdapat juga bermacam tag yang memungkinkan untuk ditambahkan disini, seperti tag <meta> untuk mendefinisikan informasi-informasi di luar HTML dan <link> untuk menunjukkan relasi antar dokumen HTML.

3. <body> Bagian BODY merupakan isi dari dokumen HTML. Semua informasi yang akan ditampilkan, mulai dari teks, gambar, sound, dan lain-lain, akan ditempatkan di bagian ini. Seperti telah disebutkan di atas, bagian BODY diawali oleh tag <body> dan ditutup </body>. Beberapa elemen yang memungkinkan dituliskan didalam body seperti:

untuk membuat suatu paragraf,

Paragraf

Hasilnya,

 

atau line break untuk memindahkan baris penulisan,

Hasilnya,

<h>

atau heading untuk membuat suatu judul atau topik. Dalam HTML terdapat 6 tingkatn heading yang dinomori dari angka 1 (size terbesar) hingga angka 6 (size terkecil). Terdapat juga <hr> untuk membuat garis horizontal.

dalam pengaplikasiannya, kita juga dapat mengatur font pada html. Font pada halaman HTML dapat diformat sesuai dengan desain yang anda tentukan, baik ukuran, jenis maupun warna dengan menggunakan tag , atribut font terdiri dari size(ukuran), color(warna), dan face(nama huruf). Serta memiliki ragam karakter seperti  untuk bold,  untuk italic, dan  untuk underline. Berikut contoh pengplikasiannya.