Belajar HTML

CATATAN PENTING DARI VIDEO 1 – 3
1. www.w3.org
2. evolutionoftheweb.com ( perkembangan web )
3. sublimetext.com
4. sintax higlighting
5. di sublime text sudah kemudahan untuk otomatisasi tag
contoh tulis html lalu tekan tab
6. untuk menulis sebuah tag di sublime cukup ketikan tagnya lalu tab
7. catatan di sublime ( preferences , font largest untuk merubah besar kecil tulisan
color scheme untuk tema warna di sublime
8. buka open folder untuk melihat daftar file
jangan lupa view pilih side bar
9. untuk membuka hasil web , klik kanan di halaman sublime
CATATAN PENTING DARI VIDEO 4
1. Tag yang ada di tag head

Title
CSS<style>
Javascript<script>
Metadata<meta>
2. Tag yang ada di tag body
Teks <H1-H6>
Pendukung teks
Gambar<img>
Hyperlink<a>
List<ul><ol>
Table
Form
Script
Object
Grouping<div><span>
Komentar<!---- >
3. Struktur dari sebuah TAG

<nametag atribut =nilai >
<body bgcolor=”lightblue”>
Sebuah tag boleh tidak memiliki atribut sama sekali atau lebih
4. Sebuah TAG punya atribut default atau global

Accesskey = menentukan bisa di acces oleh shortcut
Class
Id
Dir=arah tulisan atau direction
Lang=language
Style = bisa disisipkan css
Tabindex= urutan di form
Title = judul
5. W3schools.com/tag
1. BR dan HR
2. Tag B , I dan U
3. Control / untuk komentar
4. Tag strong dan em
1. Untuk mengetahui kode dari sebuah web kita bisa inspect elemen di web tersebut dengan cara
inspect elemen lalu cari yang kita inginkan
1. List ( OL , UL ,DL )
2. OL type =”” 1,A,a,I,i
3. UL tipe =”” square, circle, disc
4. DL = description list
5. DT = data term
6. DD = data description
1. Hyperlink <a> anchor = jangkar

2. Bisa link ke Eksternal link ( tuliskan http://www)
3. Ini contoh relative Url : ../admin/index.html
4. .. artinya naik satu folder
5. Pindah ke bagian tertentu di sebuah halaman dengan menggunakan anchor , berikan id dan
panggil dengan #
6. Target = _self , _blank , _parent, _top
1. <img src=””>
2. Internal resource dan external resource(hotlink) http://www
3. External tidak disarankan karena : menggunakan bandwith asal, jika link mati maka error, rentan
copyrirght
4. Atribut : alt, title,width,height
5. Jika tidak muncul alt di chrome, bisa jadi ukurannya kurang besar
6. Jika menggunakan % dalam width dan height maka gambar akan menyesuiakan jika browser di
resize
CATATAN PENTING DARI VIDEO 10-11
1. Struktur table : baris dan kolom, sell adalah perpotongan baris dan kolom
2. Judul disebut dengan header
3. <table></table> <tr> <td>
4. Atribut : border, cellspacing,cellpading colspan, rowspan
5. Colspan=merger kolom
6. Rowspan=merger baris
7. Di sublime bisa menyeleksi beberpa kode dengan cara menekan CTRL
8.
1. <form></form>
2. Elemen : input,textarea,select,button,label

Belajar HTML

Diunggah oleh

Informasi Dokumen

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Belajar HTML

Diunggah oleh

Hak Cipta:

Format Tersedia

CATATAN PENTING DARI VIDEO 1 – 3

2. evolutionoftheweb.com ( perkembangan web )

5. di sublime text sudah kemudahan untuk otomatisasi tag

contoh tulis html lalu tekan tab

color scheme untuk tema warna di sublime

8. buka open folder untuk melihat daftar file

jangan lupa view pilih side bar

9. untuk membuka hasil web , klik kanan di halaman sublime

CATATAN PENTING DARI VIDEO 4

1. Tag yang ada di tag head

3. Struktur dari sebuah TAG

4. Sebuah TAG punya atribut default atau global

CATATAN PENTING DARI VIDEO 5

CATATAN PENTING DARI VIDEO 6

CATATAN PENTING DARI VIDEO 7

CATATAN PENTING DARI VIDEO 8

1. Hyperlink <a> anchor = jangkar

CATATAN PENTING DARI VIDEO 9

CATATAN PENTING DARI VIDEO 10-11

Anda mungkin juga menyukai