Haii Semua.
Kali ini aku mau membagi ilmu tentang '' Cara Membuat HTML Pada Notepad ''. karena kebetulan di sekolah, aku sedang mempelajari bab ini. oke check it out aja ya !!! :))Sebelum ke Cara pembuatannya, kita harus tahu lebih dulu donk apa itu HTML. nggak mungkin donk praktek tanpa ada ilmu awalnya dulu.
Apa sih HTML itu?
HTML (Hypertext Markup Language) merupakan salah satu bahasa berupa kode-kode yang biasa disebut tag yang dipakai pada sebuah web page (halaman web)
Sofware-software yang biasa digunakan untuk menghasilkan file-file html, diantaranya:
1. Notepad
2. Microsoft Front Page
3. Macromedia Dreamweaver
4. Adobe GoLive
Untuk menjalankan file-file html dibutuhkan browser seperti:
- Internet Explorer
- Mozilla Firefox
- Google Chrome
- Opera Mini
- Safari
- Palemon
Cara pembuatan Dokumen HTML:
Klik START → Pilih All Program → Accesories → Pilih notepad
<.....> -----> Ini adalah tag
Struktur html yang dibuat dalam notepad:
<Html>
<Head>
</ Head>
<Body>
</ Body>
</ Html>
Note: saat kita bekerja menggunakan Notepad, file disimpan dalam dua format.
format pertama ber-ekstensi txt. Contoh: Alifah Amalia.Txt
format kedua ber-ekstensi html. Contoh: Alifah Amalia.html
Kode untuk menurunkan baris:
berasal dari kata break
misalnya: Alifah memakan sarapannya pagi ini
Kode mengubah warna latar belakang: <body bgcolor = "....">
kode disimpan di dalam <body>
contoh: <body> ---> <body bgcolor = "Purple">
Mengganti warna latar belakang ada dua cara:
1 kode heksa (kode dengan 6 digit nomor atau angka). contoh: Hitam = "000000", Putih = "FFFFFF"
2. menggunakan kata dalam bahasa inggris. contoh: Kuning = '' Yellow ", Hijau =" Green "
Kode mengatur ukuran huruf: (h -> diikuti ukuran huruf) contoh:
<h> berasal dari hyding
contoh lagi: <h1 alifah = "" mengirim = "" surat = "" pada = "" valdy = "">
note:
- pada kode ini hanya ada 6 jenis ukuran huruf. <h1> </ h1>, <h2> </ h2>, <h3> </ h3>, <h4> </ h4>, <h5> </ h5>, dan <h6> </ h6>.
- Semakin besar angka, semakin kecil ukuran hurufnya.
kode lain untuk mengatur ukuran huruf yang lebih praktis: <font size = "....">
kenapa cara ini lebih praktis karena ukuran hurufnya tidak dibatasin. (1,2,3,4,5,6,7 ....)
contoh: <font size = "4"> Alifah menemani Valdy untuk latihan Band </ font size>
kode untuk mengatur jenis font: <font face = "....">
contoh: <font face = "Tahoma">
contoh lagi: <font face = "Tahoma"> Alifah menerima telepon </ font face>
kode untuk membuat paragraf: </ h1>
atau (Left, right, center, justify)
contoh:
alifah mencuci baju
contoh lagi: check warna baju
align = "justify">
kode untuk membuat bullet: <UL Type = "...."> ---> untuk bentuk (square, circle)
<OL Type = "....."> ----> untuk bentuk (1,2,3) (A, B, C)
contoh:
- <UL type = "square"> <LI> Bintang <LI> Bulan <LI> Matahari </ UL type>
- <OL type = "1,2,3"> <LI> Alifah <LI> Valdy <LI> Albert </ OL Type>
kode untuk membuat tabel: <table>
contoh: <table>
<Table border = "1"> (0,1,2,3,4 ...)
<Tr>
<Td> No
<Td> Nama
<Td> Alamat
</ Tr>
</ Td>
<Tr>
<Td> 1
<Td> Alifah
<Td> Jln. trio Macan
</ Tr>
</ Td>
oh ya ini contoh desain mentah yang aku buat dari Notepad
Begitu kira-kira ilmu yang aku ketahui tentang cara membuat html di notepad. oke, semoga ini bermanfaat buat kalian semua !!! :)))
0 komentar:
Post a Comment