Scribd Logo
Unggah

Selamat datang di Scribd!

  • Tugas Tik HTML

    Diunggah oleh

    prampok
    192 tayangan5 halaman
    contohnya.. kalo mw langsung kopi paste bisa... tapi ganti biodata dan screenshoot 8 doank kok...

    Hak Cipta

    © Attribution Non-Commercial (BY-NC)

    Format Tersedia

    DOCX, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini
    contohnya.. kalo mw langsung kopi paste bisa... tapi ganti biodata dan screenshoot 8 doank kok...

    Hak Cipta:

    Attribution Non-Commercial (BY-NC)
    Unduh sebagai DOCX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    192 tayangan5 halaman

    Tugas Tik HTML

    Diunggah oleh

    prampok
    contohnya.. kalo mw langsung kopi paste bisa... tapi ganti biodata dan screenshoot 8 doank kok...

    Hak Cipta:

    Attribution Non-Commercial (BY-NC)
    Unduh sebagai DOCX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 5

    Tugas TIK HTML

    1. Contoh : Ketikkan perintah-perintah berikut ini dan bagaimana hasilnya pada browser
    (tunjukan dengan tampilan screenshot)!
    <html>
    <head>
    <title> Letakkan Judul situs di sini</title>
    </head>
    <body>
    Ini halaman situs anda. Letakkan perintah-perintah HTML di sini.
    Ini halaman situs anda. Letakkan perintah-perintah HTML di sini.
    Ini halaman situs anda. Letakkan perintah-perintah HTML di sini.
    Ini halaman situs anda. Letakkan perintah-perintah HTML di sini.
    </body>
    </html>

    2. Tuliskan Perintah-Perintah HTML agar didapat hasil seperti berikut ini :

    <html>
    <head>
    <title> Letakkan Judul situs di sini</title>
    </head>
    <body>
    <div align=”left”>Paragraf ini akan rata kiri</div>
    <div align=”left”>Paragraf ini akan rata kiri</div>
    <div align=”left”>Paragraf ini akan rata kiri</div>

    <br> br digunakan untuk ganti baris

    <br><b>Kalimat ini akan dicetak bold</b>


    <br><i>Kalimat ini akan dicetak Italic</i>
    <br><b><i>Kalimat ini akan dicetak bold dan Italic</b></i>

    <hr>

    <br> Perintah hr digunakan untuk membuat garis


    </body>
    </html>

    3. Ketikkan perintah-perintah berikut ini dan bagaimana hasilnya pada browser (tunjukan
    dengan tampilan screenshoot)!

    <html>
    <head>
    <title> latihan tabel</title>
    </head>
    <body bgcolor="green" text="#ffffff">
    <table border=7>
    <tr height=40>
    <td width=150 align=left valign=top>kiri atas</td>
    <td width=250 align=right valign=middle>kanan tengah</td>
    </tr>
    <tr height=80>
    <td width=150 align=right valign=bottom>kanan bawah</td>
    <td width=250 align=center valign=middle>tengah tengah</td>
    </tr>
    </table>
    </body>
    </html>
    4. Tuliskan perintah-perintah html agar didapat hasil seperti berikut :
    <html>
    <head>
    <title> Letakkan Judul situs di sini</title>
    </head>
    <body>
    <table>
    <table border=3>
    <tr>
    <td width=100><center><b>1</b></center></td>
    <td width=125 colspan="2">2</td>
    </tr>

    <tr>
    <td><center><b>3</b></center></td>
    <td>4</td>
    <td>5</td>

    </tr>
    <tr>
    <td colspan="2"><center><b>6</b></center></td>
    <td>7</td>
    </tr>
    </table>

    </body>
    </html>

    5. Ketikkan perintah-perintah HTML berikut yang terdiri dari 2 file (7.html & 8.html), file
    berikut ini belum selesai seilahkan dikembangkan sekreatif mungkin. Bagaimana
    hasilnya pada browser(tunjukkan dengan tampilan screenshoot)

    simpan dengan nama file 7.html

    <html>
    <head>
    <title>Latihan Pertemuan 2</title>
    </head>
    <body bgcolor="#000000"> text="#FFFFFF">
    <table border="1" align="center" widht="80%">
    <tr>
    <td colspan="2" align="center" height="100" bgcolor="#3A2BD1">
    <font size="16" face="Arial" font color="#FFFFFF">SITUSKU.COM</font><br>
    <hr width="500"><br>
    <marquee direction="right"><font color="#FFFFFF">Terdepan Dalam Berita dan
    Gosip</marquee>
    </td>
    <tr>
    <tr valign="top">

    <td width="228" height="450" bgcolor="green"><div align="center"><a href="7.html"><font


    color="#FFFFFF">Home</font></a></div>
    <div align="center"><a href="8.html"><font color="#FFFFFF">Tentang
    Aku</font></a></div></td>

    <td width="520" bgcolor="#F75454"><div align="center"><font color="#FFFFFF">Selamat


    Datang di <b><i>SITUSKU.COM</i></b><br>
    Situsku.Com akan selalu konsisten dengan berita-berita terbaru dari segala penjuru
    Indonesia.<br>
    <br>
    Dapatkan berita-berita menarik tentang: politik, hukum, keamanan, gosip, artis dan kuliner di
    Indonesia.</div></td>
    </tr>
    </table>
    </body>
    </html>

    simpan dengan nama file 8.html


    <html>
    <head>
    <title>Latihan Pertemuan 2</title>
    </head>
    <body bgcolor="#000000"> text="#FFFFFF">
    <table border="1" align="center" widht="80%">
    <tr>
    <td colspan="2" align="center" height="100" bgcolor="#3A2BD1">
    <font size="16" face="Arial" font color="#FFFFFF">SITUSKU.COM</font><br>
    <hr width="500"><br>
    <marquee direction="right"><font color="#FFFFFF">Terdepan Dalam Berita dan
    Gosip</marquee>
    </td>
    <tr>
    <tr valign="top">

    <td width="228" height="450" bgcolor="green"><div align="center"><a href="7.html"><font


    color="#FFFFFF">Home</font></a></div>
    <div align="center"><a href="8.html"><font color="FFFFFF">Tentang
    Aku</font></a></div></td>
    <td width="520" bgcolor="#F75454"><div align="center"><font color="#FFFFFF">B I O D A T
    A<table width="381" border="0" align="left">
    <br>
    <th colspan="3" scope="row"><p align="left"><img src="a.jpg"
    width="125" height="101"></p></th>
    </tr>
    <tr>
    <th width="99" scope="row"><div align="left"><font
    color="#FFFFFF">NAMA</div></th>
    <td width="55"><div align="center"><font color="#FFFFFF">:<div></td>
    <td width="213"><font color="#FFFFFF">Isi dengan nama anda</td>
    </tr>
    <tr>
    <th scope="row"><div align="left"><font color="#FFFFFF">TTL</div></th>
    <td><div align="center"><font color="#FFFFFF">:</div></td>
    <td><font color="#FFFFFF">Isi dengan TTL Anda</td>
    </tr>
    <tr>
    <th scope="row"><div align="left"><font
    color="#FFFFFF">HOBBY</div></th>
    <td><div align="center"><font color="#FFFFFF">:</div></td>
    <td><font color="#FFFFFF">Isi dengan Hobby Anda</td>
    </tr>
    </table>
    <br>
    <div></td>
    </tr>
    </table>
    </body>
    </html>

    Gambar 7.html Gambar 8.html

    Anda mungkin juga menyukai