SMK N 1 BANYUMAS
1.Jelaskan pengertian HTML !
2. Apa yang dimaksud dengan web server?
3. Tuliskan Struktur document html secara utuh !
4. Tuliskan sintaks Program untuk membuat garis Horisontal dengan warna Hitam, Tebal 5, letak ditengah, lebar garis 90% !
5.tag tag HTML
Jawab :
1.
Pengertian HTML
HTML
(HyperText Mark up Language) merupakan suatu metoda untuk
mengimplementasikan konsep hypertext dalam suatu naskah atau dokumen.
HTML sendiri bukan tergolong pada suatu bahasa pemrograman karena
sifatnya yang hanya memberikan tanda (marking up) pada suatu naskah teks
dan bukan sebagai program.
Berdasarkan kata-kata penyusunnya HTML dapat diartikan lebih dalam lagi menjadi :
Hypertext
Link
hypertext adalah kata atau frase yang dapat menunjukkan hubungan suatu
naskah dokumen dengan naskah-naskah lainnya. Jika kita klik pada kata
atau frase untuk mengikuti link ini maka web browser akan memindahkan
tampilan pada bagian lain dari naskah atau dokumen yang kita tuju.
Markup
Pada
pengertiannya di sini markup menunjukkan bahwa pada file HTML berisi
suatu intruksi tertentu yang dapat memberikan suatu format pada dokumen
yang akan ditampilkan pada World Wide Web.
Language
Meski HTML
sendiri bukan merupakan bahasa pemrograman, HTML merupakan kumpulan
dari beberapa instruksi yang dapat digunakan untuk mengubah-ubah format
suatu naskah atau dokumen
2. Web server merupakan software yang memberikan layanan data yang berfungsi menerima permintaan HTTP atau HTTPS dari klien yang dikenal dengan browser web dan mengirimkan kembali hasilnya dalam bentuk halaman - halaman web yang umumnya berbentuk dokumen HTML
3.
1. HTML
Setiap document HTML harus diawali dan ditutup dengan tag HTML
contoh :
<html> </html>
Tag HTML diatas tersebut adalah tampilan document HTML
2. HEAD
Pada bagian header ditulis dengan tag sebagai berikut :
<head></head>
Header juga memuat tag META yang bisanya digunakan untuk menentukan
informasi mengenai document HTML, kamu bisa menentukan author name,
keyword, distribution, googlebot, msnbot, MSSmartTagsPreventParsing,
generator, rating, robots, creator, copyright, google-site-verification
dan lainnya pada tag META.
Contoh :
<META name=”Author” contents=”Ilmu Desain Grafis”>
Author dari document tersebut adalah “Ilmu Desain Grafis”
Atribut http-equiv dapat digunakan untuk meletakkan nama HTTP Server untuk menciptakan HTTP header
contoh :
<META http-equiv=”Expires” content=”Wed, 1 July 2011 10:03 GMT”>
yang akan menampilkan HTTP header :
Expires:Wed,1 July 2011 10:03 GMT
Sehingga jika document di cached, HTTP akan mengetahui kapan untuk mengupdate document tersebut pada cache.
3. BODY
Document body digunakan untuk menampilkan teks, image, link, dan semua yang akan ditampilkan pada halaman web
<html>
<head>
<title> Muryan Awaludin</title>
</head>
<body bgcolor=”blue”>
<p> Tampilan document HTML </p>
</body>
</html>
4. <html>
<title> Buat Garis
</title>
<head>
<body>
<hr
Colour="Black"
align="Center "
size="5" width="90">
</body>
</Html>
5.
selamat datang di hericjdw.html
saya akan menjelaskan sekaligus memberi contoh bagaimana caranya
memodifikasi aplikasi melalui tag-tag html sesuai dengan fitur yang anda
ingginkan
contoh tag yang dapat dipakai untuk tulisan berupa kalimat,karakter,ataupun kata:
1.
<b>...</b> fungsinya untuk menebalkan huruf
2.
<i>...</i> fungsinya untuk membuat huruf cetak miring
3.
<u>...</u> fungsinya untuk mencetak huruf bergaris bawah
4.
<strong>...</strong> pada dasarnya memiliki fungsi yg sama dengan tag
<b>...</b>
5.
<font>...</font> untuk menempatkan selector-selector dan propertinya untuk membuat style suatu huruf pada suatu kata,kalimat maupun character
6.
<blink>...</blink> untuk membuat tulisan berkedip
7.
<marquee>...<marquee> untuk membuat tulisan berjalan
8.
<br> untuk alinea baru.
tag tingkat paragraf
1.
<pre>...</pre> fungsinyauntuk membuat format suatu paragraf ataupun alinea.
contohnya ketika kita inggin membuat suatu break line,maka kita tak perlu tag
<br>...</br> cukup menggunakan tag
<pre>...</pre> kemudian tekan enter pada bagian yang akan diberikan break line
2.
<p>...</p> untuk membuat paragraf
3
.<h1>.../<h1> untuk membuat heading tipe yang ke-1
4.
<h2>.../<h2> untuk membuat heading tipe yang ke-2 dan seterusnya
<h3> sampai yang kita mau.
5.untuk spasi (
 )
6.
<hr> untuk memberikan garis horisontal.tag ini tidak perlu penutup
(</hr>)
links
1.
<a> untuk membuat link agar kita dapat pindah kehalaman lain.tag ini memiliki atribut yang sangat penting yaitu
href
contoh agar kita terhubung dengan google:
my<a href="http://www.google.com">google</a>
hasilnya
my google
dan ketika anda klik google maka anda akan terhubung dengan google.
jika anda ingin ketika link diklik dan halaman tersebut muncul pada jendela browser yang baru gunakan atribut (
target ="_blank") seperti ini:
my<a href="http://www.google.com"target ="_blank">google</a>
images
1.<img> tag untuk membuat gambar pada website.disarankan tipe gambar jpg/gif.
tag ini memiliki atribut yaitu(src) dan tidak perlu penutup.
contoh:
<img src="contoh gambar.jpg"width="320"height="50"alt="contoh gambar">
hasil:
contoh gambar
komentar
untuk menulis komentar diawali dengan
<!--dan diakhiri dengan-->
list
ada 3 macam tag list:terkait dengan
<li>...</li>
1.
<ul>...</ul>
2.
<ol>...</ol>
3.
<ol start="nomor urut">...</ol>
contoh:
<ol>
<li>list 1</li>
<li>list 2</li>
<li>list 3</li>
</ol>
hasilnya:
1.list 1
2.list 2
3.list 3
tabel
1.<TABLE></TABLE> tag ini merupakan kontainer untuk membuat tabel
2.<TR></TR> didalam tabel tag ini berfungsi untuk membuat baris
3.<TD></TD> untuk membuat kolom didalam tag <TR> harus
terdapat tag <TD> anda bisa menambahkan banyak tag <TD>
didalam <TR> untuk membuat kolom
4.<TH></TH> sama dengan <td> hanya saja berfungsi
sebagai header,biasanya dignakan pada baris pertama didalam tabel.
23.35
sharassspekok
,
