Belajar HTML - Pengantar Teknologi Informatika Shiny Flashy Green Matrix
Headlines News :
Home » » Belajar HTML

Belajar HTML

Written By Unknown on Senin, 12 September 2016 | 01.46


Tuliskan script HTML untuk membuat halaman HTML dengan background dokumen dari sebuah  file gambar. Nama file gambar yang digunkan adalah NIM Anda

                                   Berikut adalah script HTML-nya :

<HTML>
                <HEAD><TITLE>Soal Nomer Satu</TITLE>
                                <style type="text/css">
                                                                body {color: orange;
                                                                }
                                                                table{font-family: "tahoma";
                                                                                                font-size: 30;
                                                                                                font-style: italic;
                                                                                                font-weight: bold;
                                                                }

                                </style>             
                </HEAD>
                <BODY background="L200140026.jpg">
                                <TABLE>
                                                <tr><td colspan="3"><h3> BIODATA DIRI</h3></td></tr>
                                                <tr>
                                                                <td>Nama</td>
                                                                <td>=</td>
                                                                <td>Hanif Amrullah</td>
                                                </tr>
                                                <tr>
                                                                <td>Nim</td>
                                                                <td>=</td>
                                                                <td>L200140026</td>
                                                </tr>
                                                <tr>
                                                                <td>Kota</td>
                                                                <td>=</td>
                                                                <td>Pemalang</td>
                                                </tr>
                                </TABLE>
                </BODY>
</HTML>


Hasil print screen pada jendela browser:




 

Jelaskan fungsi dari tag atau atribut berikut :


No
Tag/Atribut
Fungsi
1
bgcolor = ‘blue’
Atribut untuk memberikan warna pada background berwarna biru
2
<h1> - <h6>
Membuat tag header yang biasanya disunakan sebagai judul dan berperan penting dalam search engine, ukuran tag header dari besar ke kecil adalah dari <h1>  ke <h6>
3
<font>………......</font>

Untuk mengatur huruf, mulai dari ukuran huruf, jenis huruf, warna huruf, huruf tebal, huruf miring, huruf bergaris bawah sampai pada huruf dicetak keatas dan kebawah.
4
Face = ‘verdana’
Atribut yang mengatur jenis huruf dengan jenif huruf yaiutu verdana
5
Size=’10’
Atribut untuk memberikan ukuran dengan nilai 10
6
Color=’blue’
Untuk memberikan warna biru pada sebuah font
7
<b>……………..</b>
Tag untuk memberikan efek teks tebal(bold)
8
<i>………………</i>
Tag untuk memberikan efek teks miring(italic)
9
<u>……………..</u>
Tag untuk memberikan efek teks diberi garis bawah(underline)
10
<strike>…………..</strike>
Untuk memberi garis tengah pada teks/mencoret teks, fungsi tag ini sama dengan tag <del>
11
<sup>…………….</sup>
Memberikan efek superscript pada teks
12
<sub>……………..</sub>
Memberikan efek subscript pada teks
13
<p>……………….</p>
Tag untuk membuat sebuah paragraph
14
align=’center’
Atribut untuk rata tengah atau peletakan secara center
15
<img>
Berfungsi untuk menampilkan gambar pada dokumen HTML
16
src=’gambar.jpg’
Melakukan pemanggilan atau pengambilan gambar dari source gambar dengan nama ‘gambar.jpg’
17
Width=’100’
Atribut untuk mengatur lebar elemen sebesar 100 pixel.
18
Height=’100’
Atribut untuk mengatur tinggi elemen sebesar 100 pixel.
19
alt=’alt’
Atribut yang digunakan  pada gambar sebagai keterangan  dimana juga  seligus peningkat SEO,dalam hal valuenya ‘alt’.
20
<ul>……………</ul>
Tag yang mendefinisikan daftar dalam format bullet
21
<ol>…………….</ol>
Tag yang mendefinisikan daftar dalam format penomoran
22
<li>…………</li>
Digunakan untuk menampilkan informasi dalam bentuk item daftar
23
type=’circle’
Atribut untuk membuat list bullet putih
24
<table>………….</table>
Tag untuk mendefinisikan pembuatan suatu table
25
<tr>………………….</tr>
Tag untuk membuat baris di dalam sebuah tabel
26
<td>…………………</td>
Tag untuk mendefinisikan sel di dalam sebuah table
27
Bordere=’2px’
Memberikan garis tepi table sebesar 2 pixel
28
Colspan=’2’
Atribut untuk memperlebar atau menggabungkan 2 kolom menjadi satu.
29
Rowspan=’2’
Atribut untuk memperlebar atau menggabungkan 2 baris menjadi satu
30
</BR>
Tag untuk memberikan baris baru atau pindah baris, sama halnya seperti fungsi enter.

Share this article :

0 komentar:

Speak up your mind

Tell us what you're thinking... !

 
Support : Creating Website | Hanif Template | Mas Template
Proudly powered by Blogger
Copyright L200140026; 2014. Pengantar Teknologi Informatika - All Rights Reserved
Template Design by Creating Website Published by Hanif Template