Selasa, 17 Maret 2015

Pertemuan Ke 2

Soal 1
















Source Code Soal 1

<!DOCTYPE html>
<html>
<head>
<title>Soal 1</title>
</head>
<body>
<h1>Belajar HTML</h1>
<hr></hr>
<p>Apa itu HTML ? Di dalam situs <b>dictionary.reference.com</b> dituliskan bahwa</p>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i>"HyperText Markup Language : a set of standards, a variety of SGML, used to tag the elements of a hypertext
<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;document. It is the standard protocol for formatting and displaying documents on the World Wide Web."</i></br>
<p>Di dalam berbagai terjemahan Bahasa Indonesia dikatakan bahwa HTML adalah kepanjangan dari <b><i>Hyper Text Markup
<br>Language</i></b> dan suatu dokumen HTML tersusun atas element kode dasar sebuah dokumen html misalnya</br>
<b><i>html, title, body, paragraph</i></b> dan lain-lain.
<p>Untuk menyusun sebuah document HTML, sebuah Dokumen HTML harus diberi <b>tag.</b> Apakah yang dimaksud tag dalam
<br>dokumen HTML? tag dalam dokumen HTML adalah tanda &lt; (dibaca tanda lebih kecil) dan tanda &gt; (Di baca tanda lebih besar)</br>
pada umumnya sebuah tag atau kode html biasanya berpasangan misalnya kode &lt;html&gt; dengan kode &lt;/html&gt; tag penutup atau
<br>pasangan dari sebuah kode html selalu di awali dengan tag / (garis miring) sebagai kode penutup dari kode pasangannya.</br>
Salah satu contoh sederhana penulisan dokumen HTML :
<fieldset>
<p>&lt;!DOCTYPE html&gt;<br>
&lt;html&gt;</br>
&nbsp;&nbsp;&nbsp;&nbsp;&lt;head&gt;<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;title&gt;Percobaan pertama&lt;/title&gt;</br>
&nbsp;&nbsp;&nbsp;&nbsp;&lt;/head&gt;
<br>&nbsp;&nbsp;&nbsp;&nbsp;&lt;body&gt;</br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Ini adalah sebuah percobaan pembuatan sebuah dokumen HTML yang pertama
<br>&nbsp;&nbsp;&nbsp;&nbsp;&lt;/body&gt;</br>
&lt;/html&gt;
</fieldset>
</body>
</html>

Soal 2





















Source Code Soal 2

<!DOCTYPE html>
<html>
<head>
    <title>:: Tugas 2 ::</title>
    </head>
    <body>
        <h1>Beberapa Tag di HTML</h1>
        <p>&lt;b&gt;&nbsp;&nbsp;Digunakan untuk membuat huruf menjadi tebal<br />
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cara menggunakan &lt;b&gt;Hallo&lt;b&gt;<br/>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;hasilnya <b>Hallo</b><br/>
        </p>
       
        <p>&lt;i&gt;&nbsp;&nbsp;Digunkan untuk huruf menjadi miring<br/>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Cara menggunkan &lt;Selamat Pagi&gt;<br/>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Hasilnya <i>Selamat pagi</i><br/>
        </p>
        <p>&lt;sup&gt;&nbsp;&nbsp;Digunakan untuk membuat Super Script<br/>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Cara menggunakan 5&lt;sup&gt;2&lt;/sup&gt;<br/>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Hasilnya 5<sup>2</sup><br/>
            </p>
        <p>&lt;sub&gt;&nbsp;&nbsp;Digunakan untuk membuat Sub Script<br/>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Cara menggunakan 5&lt;sub&gt;2&lt;/sub&gt;<br/>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Hasilnya 5<sub>2</sub><br/>
            </p>
        <p>&lt;del&gt;&nbsp;&nbsp;Digunakan untuk membuat teks dicoret<br/>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Cara menggunakan &lt;del&gt;Salah&lt;/del&gt;<br/>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Hasilnya <del>Salah</del><br/>
            </p>
        <p>&lt;br&gt;&nbsp;&nbsp;Digunakan untuk mengganti baris<br/>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Cara menggunakan Selamat Pagi&lt;br/&gt;Dunia<br/>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Hasilnya Selamat Pagi<br/>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Dunia<br/>
                </p>
        <p>&lt;p&gt;&nbsp;&nbsp;Digunakan untuk mendefinisikan sebuah paragraf<br/>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Cara menggunakan &lt;p&gt;Selamat PagiDunia&lt;/p&gt;&lt;p&gt;Selamat Malam&lt;/p&gt;<br/>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Hasilnya Selamat Pagi Dunia</p>
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Selamat Malam</p>
   
        <p>&lt;hr/&gt;&nbsp;&nbsp;Digunakan untuk membuat sebuah garis horizontal<br/>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Cara menggunakan &lt;hr/&gt;<br/>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Hasilnya <hr/><br/>
            </p>
        <p>&lt;ins&gt;&nbsp;&nbsp;Digunakan untuk membuat sebuah garis bawah pada suatu kalimat<br/>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Cara menggunakan &lt;ins&gt;Hallo</ins><br/>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Hasilnya <ins>Hallo</ins><br/>
            </p>
        <p>&lt;blockquote&gt;&nbsp;&nbsp;Digunakan untuk memformat teks yang berupa quote<br/>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Cara menggunakan &lt;blockquote&gt;Paagi&lt;/blockquote&gt;<br/>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Hasilnya <blockquote>Pagi</blockquote><br/>
        </p>

            </body>
            </html>
   
Soal 3

















Source Code Soal 3

<!DOCTYPE html>
<html>
<head>
<title>Soal 3</title>
</head>
<body>
<h1>ELEMEN</h1>
<pre><b>Title  :</b> Digunakan untuk memberikan judul.<b>           Contohnya : <i>&lt;title&gt;ELEMEN&lt;/title&gt;</i></b>
<br><b>& lt ; :</b> Digunakan untuk membuat symbol lebih kecil. <b>Contohnya : <i>&lt;</i></b></br>
<b>& gt ; :</b> Digunakan untuk membuat symbol lebih besar. <b>Contohnya : <i>&gt;</i></b></pre>
</body>
</html>

Diposting oleh di

Tidak ada komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)