Assalamualaikum wr.wb
Kali ini saya akan membahas tentang HTML, dan HTML ini
saya pelajari di pemrograman web, sesuai yang saya pelajari, HTML atau hypertext makrup language
adalah salah satu bahasa pemrograman untuk membuat web. HTML ini tidak termasuk
case sensitive, maksudnya besar kecil huruf yang kita gunakan saat coding tidak
mempengaruhi program. Format penyimpananya menggunakan .html dan pengkodingannya menggunakan tag buka <> dan tag
tutup </>. Dan pembuatan web menggunakan HTML ini memiliki struktur
dasar, adapun struktur dasar HTML adalah :
<html>
<head>
<title> judul website </title>
</head>
<body>
Tulis isi web disini
</body>
Berikut cara membuat
web :
1.
Buka aplikasi notepad
2.
Ketik struktur dasar HTML, seperti
diatas
3.
Simpan file di folder yang ditemukan
4.
Buka windows explorer buka file yang
telah disimpan
5.
File muncul di browser (jangan tutup
notepad dan browser yang dibuka)
6.
Buka notepad lakukan editing
7.
Jangan lupa! Simpan setiap perubahan!!
8.
Buka browser sebelumnya, tekan F5
Pada HTML ini tidak
bisa membaca enter jadi jika ingin menggunakan enter kita menggunakan
tag <br>. Bisapula menggunakan tag <hr> tetapi terdapat garis. Ada
banyak tag yang digunakan diantaranya :
1.
Untuk penggunaan lebar,contoh :
<width=”600”> bisapula <width =”60%”>
2.
Untuk penggunaan panjang, contoh :
<height=”400”> bisapula <height=”40%”>
3.
Untuk ukuran heading :
1. <h1>coba
</h1>
2. <h2>coba
</h2>
3. <h3>coba
</h3>
4. <h4>coba
</h4>
5. <h5>coba
</h5>
6. <h6>coba
</h6>
Hasilnya
adalah :
1.coba
2.
coba
3.
coba
4. coba
5.
coba
6.
coba
4.
untuk warna background,contoh :
<bgcolor=”green”>
5.
untuk warna huruf dan ukuran huruf (bisa
digabung dalam satu tag bisa dipisah),contoh
: <font color=”red” size=”7”> tulis isi disini </font>
6.
untuk mengatur jenis huruf (tag ini
sensitive), contoh : <font face=”times new roman”>tulis isi disini
</font>
7.
ordered list, contoh :
<ol type =”1”> ini judul
<li>
pilihan 1</li>
<li>
pilihan 2 </li>
</ol>
Hasil :
ini judul
1. pilihan 1
2.
pilihan 2
*catatan : type=”A”
“a”
“1”
“I”
“i”
“a”
“1”
“I”
“i”
8.
unordered list,contoh :
<ul type =”circle”> ini judul
<li> pilihan 1 </li>
<li> pilihan 1 </li>
<li>
pilihan 2 </li>
</ul>
Hasil :
ini
judul
- pilihan 1
- pilihan 2
*catatan
: type=”circle”
“round”
“square”
“round”
“square”
9. untuk menggunakan table menggunakan border, contoh
:
<table border=”1” width =”500”>
<tr>
<td> nama </td>
<tr>
<td> nama </td>
<td> kelas
</td>
</tr>
</table>
hasil :
hasil :
nama
|
kelas
|
*catatan
:
1. Bordernya bisa diubah semakin besar bordernya semakin tebal, jika tidak ingin memakai border tulis ukuran bordernya “0”
2. <tr> adalah tag yang digunakan untuk membentuk garis
3. <td> adalah tag yang digunakan untuk membentuk kolam
bisapula menggunakan :
4. Colspan yang berguna untuk menggabungkan table kesamping
5. Rowspan yang berguna untuk menggabungkan table kebawah
1. Bordernya bisa diubah semakin besar bordernya semakin tebal, jika tidak ingin memakai border tulis ukuran bordernya “0”
2. <tr> adalah tag yang digunakan untuk membentuk garis
3. <td> adalah tag yang digunakan untuk membentuk kolam
bisapula menggunakan :
4. Colspan yang berguna untuk menggabungkan table kesamping
5. Rowspan yang berguna untuk menggabungkan table kebawah
10. untuk memasukan foto, contoh : <img
src=”namafoto.jpg”>
0 komentar:
Posting Komentar