Apa itu HTML ?
HTML ialah Hyper Text Markup Language, sebuah bahasa yang di gunakan untuk membuat
halaman web .
HTML lah yang menyusun halaman web menjadi seperti yang biasa kita lihat pada browser .
HTML bukan sebuah bahasa pemrograman , HTML merupakan bahasa perintah dengan format tertentu yang terstruktur untuk menampilkan tampilan tertentu .
dapat dianalogikan seperti kita mengetik pada ms.office baik word maupun excel ,
perbedaan nya mungkin kalau ms.office seperti word & excel sudah terdapat menu- menu
untuk membuat tulisan menjadi huruf tebal , miring , garis bawah mewarnai , hyperlink dsb.
namun untuk HTML perlu kode kode an , ciieeee kode - kode an .. seperti berkata-kata
dengan lawan jenis harus pandai - pandai membuat kode agar do'i / tampilan HTML sesuai dengan apa yang kita inginkan .
Langsung saja kita buat contoh yang dapat sider praktekan secara langsung ,
agar dapat cepat sider pahamin tanpa perlu membaca berlama-lama , membaca memang perlu dan wajib terkadang namun ada kalanya kita harus langsung praktek .
kita coba menggunakan notepad terlebih dahulu ...
<TITLE>
INVENTORY CONTROL
</TITLE>
<BODY BGCOLOR="YELLOW">
Save as type all files dengan ext.html pada folder pc sider .
contoh 2
<B>Untuk menampilkan tulisan cetak tebal</B><BR>
<I>Untuk menampilkan tulisan cetak miring (italic) </I><BR>
<U>Untuk menampilkan tulisan bergaris bawah (underline) </U><BR>
<BR> digunakan untuk menampilkan baris baru.
contoh 3
<Pon> Bla bla bla bla, dan tulisan ini pun akan dianggap satu paragraf. kalau ga percaya, coba aja sendiri. dengan menggunakannya dua kali atau lebih bakal lebih keliatan hasilnya.
</P>
Tidak wajib untuk menutup tag <P>. Tetapi seperti dikatakan sebelumnya, menutup
tiap-tiap tag adalah suatu yang baik yang pemprogram praktekkan.
contoh 4
Bekerja dengan Heading
Kita dapat menggunakan heading untuk mengorganisir teks kita dalam berbagai
tingkatan. Ada lima tingkatan heading didalam HTML seprti di bawah:
<H1>Level – 1 </H1>
<H2>Level – 2 </H2>
<H3>Level – 3 </H3>
<H4>Level – 4 </H4>
<H5>Level – 5 </H5>
contoh 5
Penempatan List contoh teks atau items.Ada dua jenis list didalam HTML.
sebagai berikut
o Ordered List
o Unordered List
Ordered List diwakili oleh tag <ol> tag secara otomatis menomori, dan
Unordered List diwakili oleh tag <ul> dan terlihat seperti bullet.
Cobalah kode di bawah ini:
<OL>
<LI>Java
<LI>C++
</OL>
kode diatas menghasilkan suatu daftar perintah bahasa. Jika kita
menginginkannya seperti bullet kemudian kita ubah tag <OL> menjadi tag <UL>
sebagai di bawah ini:
contoh 6
<UL>
<LI>Java
<LI>C++
</UL>
contoh 7
Penerapan Definisi List
Definisi List adalah serupa dengan daftar kata. Diterapkan menggunakan tag <DL>
dan <DT> seperti ditunjukkan contoh 7 dibawah ini.
<DL>
<DT>Java
<DD>Developed by Sun Microsystems Inc
<DT>Yang kedua
<DD>Developed by saya sendiri
</DL>
contoh 8
Indenting Text
Tag <BLOCKQUOTE> yaitu teks yang menjorok lebih kedalam dari garis tepi secara
otomatis dari kiri ke kanan. Cobalah contoh berikut :
<BLOCKQUOTE>
You can use Sound Recorder to record, play, and edit sound files.
To use Sound Recorder, you must have a sound card and speakers
installed on your computer. If you want to record live sound,
you also need a microphone.
</BLOCKQUOTE>
Membuat Links
Suatu website bukanlah halaman tunggal.Terdiri dari beberapa halaman yang saling
berhubungan. Sebagai contoh,ketika kita klik suatu link nama ” About Us”,
pada browser secara otomatis Kita ke halaman web itu .
Bagaimana sihir ini terjadi? Itu merupakan suatu konsep Hyperlinks
Kita dapat menciptakan Hyperlinks menggunakan tag <a>.Dan harus ditutup menggunakan
tag </a> dan itu mewakili anchor.
contoh 9
<a href=https://ymo-side.blogspot.com/>Join Us Guys </a><br>
href adalah suatu atribut yang digunakan untuk menetapkan link dan mewakili
Teks Reference. Atribut lain meliputi suatu target opsional, yang mana menandakan
bagaimana cara membuka link. Nilai atribut ini jadi kosong. Sebagai contoh,
kode berikut memanggil lokasi Rumahweb.com didalam suatu jendela browser baru
ketika seseorang mengklik teks.
Contoh 10
Sumber (+) Contoh :
<A href = http://www.rumahweb.com target = “_blankâ€>Rumahweb </A>
Tidak ada komentar:
Posting Komentar