BELAJAR
HTML
1.
HTML
Basic
HTML
Documents, disini
kita menggunakan notepad++. Kita mulai dengan membuka notepad++,
selanjutnya kita ketik coding
seperti dibawah, oleh karena yang kita buat tipe HTML maka kita ketik
<!DOCTYPE html>. Di setiap HTML akan ada html dan body, kita awali dengan
kurung siku< dan tutup kurung siku >dan kita akhiri dengan menambahkan
garis miring</>. Selanjutnya kita tinggal menyisipkan ditengah antara
<body> dan </body>.
Kita save terlebih dahulu,dengan
extensi .html
secara otomatis coding tersebut
menjadi aktif dan berubah warna,setelah itu kita tinggal jalankan dengan cara
klik jalankan atau dengan menggunakan F5 dan akan muncul hasilnya.
HTML
Headings, kita
tinggal sisipkan saja This is a heading h1 sampai h3. h menunjukkan heading, 1
2 3 menunjukkan level.
Di
sini terlihat This is a heading dari besar ke kecil.
HTML Paragraphs,
<p>This is a
paragraph.</p>
<p>This is another
paragraph.</p>
Ini berfungsi untuk menempatkan
paragraph yang lain.
HTML Links, fungsi href adalah untuk memanggil,
salah satunya adalah untuk memanggil sebuah sebuah links.
HTML Images, fungsi ini digunakan untuk memasang
gambar
<img src="g.jpg"
alt="W3Schools.com" width="200" height="142">
2.
HTML Attribute
The lang attribute, disini hampir sama dengan di basic,bedanya
di <html lang="en-US">
The title attribute, berfungsi untuk menuliskan judul.
The href attribute, Size attribute, ini fungsinya sama seperti html
links dan html images
the
href attribute
size attribute
3.
HTML
Headings
HTML
Headings, di koding ini terdapat h1 sampai h6,
maksudnya tersusun dari heading level tertinggi sampai level terendah.
HTML
Horizontal rules, terdapat <hr>
yang memiliki fungsi untuk membuat garis pada setiap ganti baris.
4.
HTML
Paragraphs
HTML
Display, membuat kata dalam satu baris atau untuk
membuat kata yang teratur.
HTML Line
breaks, terdapat
<br> yang berfungsi untuk memecah kata atau membuat baris baru.
The poem
problem, berfungsi sebagai penulisan kata dalam gaya
sajak yang bermasalah. karena terbentuk dalam satu baris, karena terdapat kata
this poem will display as one line.
The HTML
<pre> element, digunakan untuk menulis
kata dalam gaya sajak, <pre> disini berfungsi untuk membuat baris baru.
Dan this will display as a poem berfungsi untuk menggabungkan kata dalam satu
paragraph.
5.
HTML
Styles
HTML
Styling, berfungsi untuk memberi warna pada
background.
HTML Text
color, berfungsi untuk memberi warna pada text.
HTML text
fonts, digunakan untuk mengubah jenis font.
HTML text
size, digunakan untuk mengubah ukuran huruf.
HTML text
alignment, untuk mengubah letak huruf.
