Halo Dunia!
Selamat Datang di first Halaman HTML ku.
Paragraf <sup> <sub> Atribut teks Gunakan tags heading hanya untuk judul. Jangan menggunakannya hanya untuk membuat huruf tebal. Gunakan tag yang lain. paragraf Homepage baru yang pertama aku buat, maaf kalo jelek. Yang penting bisa buat homepage Tapi jangan khawatir krn aku akan slalu berusa memperbaikinya Agar homepage ku ini semakin tambah asik Agar bisa dicetak tebal, miring, garis bawah, tebalmiring, dan kombinasiditengah huruf normal (X<sub>1 + X<sub>2)<sup>2 = X<sub>1<sup>2 + X<sub>2<sup>2 + 2X<sub>1X<sub>2 2H<sub>2 + O<sub>2 = 2 H<sub>2O Perkenalkan, Mohon maaf jika tidak enak dipandang, karena memang aku belom belajar membuat layout. Maklum baru ikut kuliah pertemuan ke dua If you click the "Submit" button, you send your input to a new page called html_form_action.asp.
Ganti baris Fontd
Garis mendatar Gambar Link (kaitan) Tabel Komentar
Mengenai Penulisan Tag • Tag dibentuk oleh suatu kata (keyword) yang diapit oleh tanda kurung lancip (
• Di antara tag awal dan tag akhir bisa terdapat tag lain • Penulisan tag tidak boleh tumpang tindih
Skema Dasar HTML <TITLE>Judul dokumen Isi dokumen
Mengenai Penulisan HTML • Browser HTML menginterpretasikan satu atau beberapa space yang berdekatan sebagai sebuah space teks teks teks teks dianggap sebagai : teks teks teks teks • Browser HTML menginterpretasikan Carriage Return (Enter) dan indentasi (Tab) sebagai sebuah space • Ada beberapa karakter khusus yang dapat direpresentasikan dengan kode tertentu –   ; spasi – < ; < – > ; > – & ; & – " ; “ – &apos ; ‘ (does not work in IE)
Tag Dasar • HTML: menandai awal dan akhir dokumen HTML dokumen • Head: menandai bagian header dokumen HTML header • Title: memberi judul pada dokumen HTML
Tag Judul (Heading) This is heading 1
This is heading 2
This is heading 3
This is heading 4
This is heading 5
This is heading 6
This is heading 1 This is heading 2 This is heading 3 This is heading 4 This is heading 5 This is heading 6
Gunakan tags heading hanya untuk judul. Jangan menggunakannya hanya untuk membuat huruf tebal. Gunakan tag yang lain.
Tag Paragraf (Paragraph)
Homepage baru yang pertama aku buat, maaf kalo jelek. Yang penting bisa buat homepage
Tapi jangan khawatir krn aku akan slalu berusa memperbaikinya
Agar homepage ku ini semakin tambah asik
Tag Atribut 1 (Bold, Italic, Underline) Kalimat yang dicetak tebal Kalimat yang dicetak miring Kalimat yang digarisbawahi Untuk menandai bagian kalimat agar dicetak tebal, miring, dan/atau digarisbawahi.
Tag Atribut 2 (Superscript, Subscript) <sup>bagian yang dicetak tinggi <sub>bagian yang dicetak rendah Untuk menandai bagian karakter agar dicetak tinggi atau rendah, biasanya untuk rumus matematika atau kimia.
(X1 + X2)2 = X12 + X22 + 2X1X2 2H2 + O2 = 2 H2O
Tag Ganti Baris (Break line)
Untuk pindah ke baris berikutnya. Bentuk penulisan lain yang dianjurkan (XML style) :
Nama saya adalah Lambang Probo Sumirat. Ini adalah
homepage ku yang pertama kali saya buat.
Terlihat jelek kan?
Perkenalkan, Nama saya adalah Lambang Probo Sumirat. Ini adalah homepage ku yang pertama kali saya buat. Terlihat jelek kan?
Mohon maaf jika tidak enak dipandang, karena memang aku belom belajar membuat layout. Maklum baru ikut kuliah pertemuan ke dua
Tag Font (size) Memformat suatu bagian kalimat dengan ukuran, jenis huruf, atau warna tertentu. Tag : font Parameter : size, face, color
Ukuran
kalimat kalimat n = 1, 2, 3, 4, 5 dst (ukuran huruf) m = …, -2, -1, 0, 1, 2, …(ukuran huruf)
Ukuran satu, dua, tiga, empat, lima, enam Ukuran satu, dua, tiga, empat, lima, enam
Tag Font (face) Memformat suatu bagian kalimat dengan ukuran, jenis huruf, atau warna tertentu. Tag : font Parameter : size, face, color Jenis Huruf
kalimat Nama font = Arial, Time New Roman, Verdana, Courier New, dan sebagainya
Tulisan ini menggunankan huruf Time New Roman
Tulisan ini menggunankan huruf Courier New
Tulisan ini menggunankan huruf Arial
Tulisan ini menggunankan huruf Verdana
Tulisan ini menggunankan huruf Time New Roman Tulisan ini menggunankan huruf Courier New Tulisan ini menggunankan huruf Arial Tulisan ini menggunankan huruf Verdana
Tag Font (color) Memformat suatu bagian kalimat dengan ukuran, jenis huruf, atau warna tertentu. Tag : font Parameter : size, face, color Warna
kalimat RR = 00 … FF intensitas warna Merah dalam heksadesimal GG = 00 … FF intensitas warna Hijau dalam heksadesimal BB = 00 … FF intensitas warna Biru dalam heksadesimal
Merah
Biru
Hijau
Lime
Kuning
Merah Biru Hijau Lime Kuning
Tag Enumerasi (List, Unnumbered List, Ordered List)
dalam daftar bertingkat. Untuk menomori enumerasi dengan nomor urut (1,2,3), apitlah dengan tag
Tag Garis Mendatar (Horizontal Line)
membentuk garis pemisah mendatar. Bentuk penulisan lain yang dianjurkan (XML style) :
Tag Gambar (Image) NamaFileGambar = file gambar yang mempunyai ekstensi .GIF, .JPG, atau .PNG. Untuk menampilkan sebuah file gambar. Bentuk penulisan lain yang dianjurkan (XML style) :
Tag Link (Anchor) Kata yang di-click Kata yang dituju Link = Alamat URL atau nama file dan/atau acuan yang dituju Acuan = Kata sembarang sebagai penanda membentuk link ke URL/file/bagian dokumen lain.
Frame • Frame membagi layar dalam beberapa jendela, dimana masing masing layar menampilkan web page yang berbeda. • Tag Dasar: - - - <noframes> . . . . • Basic Atributes - cols = “values” …. (value biasanya dituliskan dalam % menunjukkan besar pembagian area. - rows = “values” - name = “frame_name” - src = “frame_source(url)” - target = “frame_name”
Tag Tabel (Table) - data Menampilkan data dalam bentuk tabel Tabel didefinisikan dengan cara menyatakan baris-baris dan kolomkolom.
definisi tabel
Tag untuk penanda baris adalah definisi baris Tag untuk penanda kolom adalah data Contoh pendefinisian tabel :
Tag Tabel (Table) - layout Untuk menata letak (layout) isi dokumen (walaupun hakikatnya bukan untuk keperluan ini)
FORM Kegunaan Form : • Memperoleh data-data user baik nama, alamat dan data lainnya untuk mendaftar pada service yang disediakan • Memperoleh informasi pembelian secara form • Memperoleh feedback dari user mengenai website
Form Element
Hasil
Sign In