Yang pertama kita pelajari adalah mengedit format teks ,tetapi sebelum itu kita harus tahu dulu struktur dasar html yaitu :
<!DOCTYPE HTML><html>
<head>
<title>Untitled Document</title>
</head>
<body>
</body>
</html>
struktur di atas saya beri warna supaya kalian tahu mana awal tag dan akhir tagnya ,ok sekarang penjelasannya :
<!DOCTYPE HTML> = funsinyanyaitu untuk memberi tahu bahwa dokumen ini adalah html dan kode ini adalah html5 kalau html lain panjang sehingga saya memilih html5 dari pada yang lain karena susah di gunakan
<html> = awal tag html
<head> = haeder
<title> = judul web
<body> = content yang akan di tampilkan di web
- Membuat sekelompok ataupun satu huruf bold(B)/ Huruf Tebal
- Membuat sekelompok ataupun satu huruf mirig(i)
- Mengubah ukuran sekelompok ataupun satu huruf
A. Membuat sekelompok ataupun satu huruf bold(B)/ Huruf Tebal
Untuk membuat sekelompok ataupun satu huruf bold(B)/ Huruf Tebal kita akan memakai kode berkut
<b>Teks nya</b> atau
<p> teks biasa<b>teks yang di bold</b></p>Sekarang kalian masukan kode berikut ke dalam notepad
<html>dan save dengan nama
<head>
<title>judul web</title>
</head>
<body>
isi dengan kode di atas tadi
</body>
</html>
latihanhtml1.htmllalu buka dengan webbrowser kalian
B. Membuat sekelompok ataupun satu huruf mirig(i)
Caranya sama Seperti yang di atas akan tetapi kode yang kita gunakan bukan <b> tetapi <i>
Contoh :
<i>teksnya</i> atau <p>teks biasa<i>teks yang di miringkan</i></p>C. Mengubah ukuran sekelompok ataupun satu huruf
Untuk mengubah ukuran dapat dengan banyak cara ,mulai dari cara menggunakan CSS dll
tetapi yang kita bahas kali ini yaitu 2 cara,antara lain :
- Dengan menggunakan heading
- Megedit
Cara pertama yaitu dengan menggunakan heading, Cara menggunakan heading yaitu
contoh :
<h1>heading 1Coaba kalian ulangi langkah yan tadi yang memasukan ke notepad lalu buka dengan webbrowser kalian.
<h2>heading 2
<h3>heading 3
<h4>heading 4
<h5>heading 5
<h6>heading 6
Cara kedua yaitu denganmengedit
contoh :
kode <p> adalah untuk membuat paragraf baru dan jika di edit agar paragraf yang di buat dengan kode <p> ini bisa di atur besarnya yaitu dengan cara Menyisipkan Style/CSS secara inline
Sebernarnya kita sudah pernah membahas yang tadi di posting
Dasar CSS #1 tapi saya akan membahasnya lagi di postingan kali ini
Contoh Menyisipkan Style/CSS secara inline
<html>ulangi langkah yang memasukan ke notepad
<head>
<title>judul web</title>
<body>
<p style="font-size:36px">b</p>
</body>
</html>
Mungkin untuk kali ini saya hanya mengajarkan itu saya nanti akan yasa teruskan
Mohon maaf untuk artikel kali ini jangan di Copas (Copy - Paste)
No comments:
Post a Comment