Assalamualaikum
Kali ini kita akan belajar tentang
HTML.
Pengertian HTML
HTML (Hyper Text Markup Language)
merupakan bahasa standar untuk membuat suatu dokumen HTML (halaman web) yang
terdiri dari kode-kode singkat tertentu, dimana dengan kode-kode tersebut akan
memerintahkan Web browser bagaimana untuk menampilkan halaman Web yang terdiri
dari berbagai macam format file seperti teks, grafik, animasi, link maupun
audio-video.
Sedangkan Web browser adalah sebuah
progam yang dapat menterjemahkan kode perintah dari dokumen HTML tersebut
sehingga dapat kita lihat, baca dan dengar. Contoh dari Web Browser adalah
Internet Explorer, Netscape Navigator, Mozilla Firefox, Opera, Safari dll.
HTML mempunyai file perluasan
(extention) htm atau html. Dimana kedua perluasan tersebut adalah sama, jadi
anda boleh menyimpan file dokumen HTML dengan extention ".htm" atau
".html".
Struktur Dasar HTML
1. <html> dan </html>
Kode di atas merupakan tanda sebuah dokumen HTML, yang diawali dengan tag pembuka <html> dan di akhiri dengan tag penutup </html>.
2. <head> dan </head>
Kode di atas merupakan elemen HEAD yang di mulai dari tag pembuka <head> dan di akhiri tag penutup </head> yang berfungsi sebagai informasi header.
3. <title> dan </title>
Kode di atas merupakan tag title atau judul yang merupakan judul halaman pada sebuah dokumen HTML.
Kode di atas merupakan tanda sebuah dokumen HTML, yang diawali dengan tag pembuka <html> dan di akhiri dengan tag penutup </html>.
2. <head> dan </head>
Kode di atas merupakan elemen HEAD yang di mulai dari tag pembuka <head> dan di akhiri tag penutup </head> yang berfungsi sebagai informasi header.
3. <title> dan </title>
Kode di atas merupakan tag title atau judul yang merupakan judul halaman pada sebuah dokumen HTML.
4. <body> dan </body>
Kode di atas merupakan elemen BODY yang dimulai dari tag pembuka <body> dan diakhiri dengan tag penutup</body>. Di dalam elemen BODY dapat di isikan beberapa informasi dan pengaturan yang akan di tampilkan pada sebuah halaman HTML.
Tag-Tag Dasar HTML
<br>
|
Tag untuk ganti baris
|
<p>…</p>
|
Membuat paragraf
|
<h1>…</h1>
|
Header 1, untuk judul sebuah web
|
<h2>…<h2>
|
Header 2, sub judul sebuah web
|
<h3>…</h3>
|
Header 3, sub judul sebuah web
|
<h4>…</h4>
|
Header 4, sub judul sebuah web
|
<h5>…</h5>
|
Header 5, sub judul sebuah web
|
<h6>…</h6>
|
Header 6, sub judul sebuah web
|
<b>…<b>
|
Bold, tag html yang berfungsi untuk
mempertebal teks
|
<i>…<i>
|
Italic, tag html yang berfungsi
untuk membuat tampilan teks tercetak miring
|
<u>…</u>
|
Underline, tag html yang berfungsi
untuk membuat tampilan teks tercetak garis bawah
|
<center>…</center>
|
Tag html berfungsi untuk menampilkan
teks dengan posisi horizontal ditengah
|
<font>…</font>
|
Tag html berfungsi untuk merubah
jenis, ukuran dan warna dari tampilan huruf
|
<table>…</table>
|
Tag yang berfungsi untuk membuat
suatu data yang terdiri dari baris dan kolom
|
<tr>…</tr>
|
Table Row, mendefiniskan baris pada
tabel, dan tag ini harus ada dalam tag TABLE
|
<td>…<td>
|
Table Data, terletak di dalam tag
TR, yang berfungsi untuk memasukkan data-data
|
<img>
|
Tag html untuk menampilkan gambar
|
Untuk belajar HTML kali ini kita akan
menggunakan aplikasi Visual Studio Code. Supaya lebih jelas, yuk kita ke contoh
!!
Maka akan dihasilkan output seperti
ini
http://teknik91.blogspot.com/2012/08/belajar-struktur-dasar-html-hyper-text.html
https://idcloudhost.com/tag-tag-dasar-html-untuk-pemula/
https://bsiuntag-sby.com/berita-141-pengenalan-dasar-html.html
Terima kasih, semoga bermanfaat
Wassalamualaikum
0 comments:
Post a Comment