Assalamu’alaikum
Wr. Wb.
Welcome
to my blog, kali ini saya akan membagikan sedikit informasi
tentang bagaimana cara
memahami pemrograman dasar HTML
(Hyper Text Markup Language)
B.
LATAR BELAKANG
Agar
memudahkan kita dalam memhami dasar pemrograman dan logika pada saat
pembuatan sebuah web ataupun situs yang lainnya.
C.
MAKSUD DAN TUJUAN
Untuk
memahami dalam konsep dasar pembelajaran bahasa pemrograman html dan
menerapakannya didalam pembuatan sebuah wab.
D.
ALAT DAN BAHAN
-
Laptop
-
Charger Laptop
-
Referensi E-Book
E.
WAKTU YANG DIBUTUHKAN
Kurang
3 Jam
F.
PEMBAHASAN
HTML(Hyper
Text Markup Language) adalah
simbol-simbol
atau tag-tag yang dituliskan dalam sebuah file yang dimaksudkan untuk
menampilkan halaman pada web browser. Seperti contoh berikut pertama
diawali dengan tag <html> dan diakhiri dengan </html>,
dan hal yang terpenting adalah saat menyimpan sebuah file yang
berbasis html perlu menambahkan atau mengganti format .html , jika
tidak diberi format .html maka file tidak bisa jalan atau seperti
catatan biasa.
Berikut
adalah beberapa dari tag html :
- <i>...</i> : untuk merubah tulisan miring
- <b>...</b> : untuk merubah tulisan tebal
- <u>...</u> : untuk merubah tulisan bergaris bawah
- <br>...</br> : untuk mengatur tulisan ganti baris
- <hr>...,/hr> : untuk merubah tulisan horizontal
- <h1>..</h1> : header 1
- <h2>...</h2> : header 2
- <h3>...</h3> : header 3
Daftar tag pada html :
-
<html>...</html> : baris paling atas dari setiap file html
-
<head>...</head> : informasi umum dari sebuah halaman web
-
<title>...</title> : judul halaman
-
<body>...</body> : settingan atribut untuk seluruh dokumen
-
<font>...</font> : menubah gaya suatu huruf
-
<a>...</a> : membuat link ke dokumen atau situs lainnya
-
<img>...</img> : menapilkan sebuah gambar
Tag Formatting :
-
<blockquote>...</blockquote> : sample of text in a block quote format
-
<ol>...</ol> : item nomor
-
<ul>...</ul> : item titik tebal (bullet)
-
<li>...</li> : elemen list
-
<dd>...</dd> : definition description
-
<br>...</br> : ganti baris
-
<p>...</p> : paragraf
-
<hr>...</hr> : garis horizontal
-
<center>...</centar>
: menengahkan elemen
Tag Tabel :
-
<table>...</table> : mengatur semua elemen tabel
-
<tr>...</tr> : membuat garis baru
-
<th>...</th> : header otomatis ke tengah dan tebal
-
<tbody>...</tbody> : format yang berlaku bagi cell yang diapit tag
- <colgrup>...</colgrup> : format yang berlaku bagi kolom
Tag Form :
-
<form>...</form> : mengatur elemen pada form
-
<select>...</select> : membuat combo-box yang digunakan bersama option
-
<input type=> : variasi dari tipe elemen form
-
<hidden>
: digunakan untuk membuat variabel hidden
G.
HASIL YANG DI DAPATKAN
Mampu
menerapkan dan mempraktekkan hasil dari pembelajaran bahasa
pemrograman html dalam pembuatan sebuah web ataupun yang lainnya.
H.
KESIMPULAN
Setelah
memahami konssp dasar dari bahasa pemrograman html kita bisa
menerapkannya pada pembuatan sebauh wab.
I.
REFERENSI
-
E-Book Portal BLC Telkom
J.
PENUTUP
Demikian
yang bisa saya sampaikan, semoga artikel dapat bermanfaat bagi anda
dan apabila ada kesalahan kata atau tutur/tata bahasa yang kurang
berkenan saya mohon maaf.
Wassalamu’alaikum
Wr. Wb.
0 komentar:
Post a Comment