Scribd Logo
Upload

Welcome to Scribd!

  • Hello

    Uploaded by

    Putri Adhitya Rs
    8 views2 pages

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    DOC, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as DOC, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    8 views2 pages

    Hello

    Uploaded by

    Putri Adhitya Rs

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as DOC, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 2

    mengubah huruf digunakan tag My <a

    Hello <b>World!!</b> <font>, tag <font> memiliki href="contact.html">homepage<


    Hasil: atribut seperti face, size dan /a>
    Hello World!! color. Contoh: Hasil:
    Hello <font face="verdana" <p><font face="Arial" size="2" Hasil:
    size="2" color="red">World!! color="#FF0000">Nama My homepage
    </font> saya</font> Jika anda ingin ketika link diklik
    Hasilnya: <b>Bambang</b><font dan halaman tersebut muncul
    Hello World!! face="Arial" size="2"> pada jendela browser yang baru,
    HTML Entity dan </font><font gunakan atribut target="_blank"
    Saya belajar web face="Tahoma">saya cinta seperti ini:
    Saya rupiah</font></p> My <a
    belajar&nbsp;&nbsp;&nbsp;&nb Silahkan anda coba sendiri untuk href="http://www.dhimasronggo
    sp;web melihat seperti apa hasilnya bramantyo.com"
    HTML entity selalu diawali <p>Baris 1<br>Baris target="_blank">homepage</a>
    dengan "&" dan diakhiri dengan 2<br>Baris&nbsp;&nbsp;&nbsp Oke silahkan anda coba sendiri
    ";" ada banyak sekali HTML ;&nbsp; 3<br>Baris untuk melihat hasilnya, sekarang
    entity anda dapat mencarinya, <b>4</b></p> kita akan belajar tentang images
    dan lagi-lagi saya akan Hasil: Images
    menyuruh anda mencarinya Baris 1
    sendiri melalui google. Baris 2 <img
    Struktur Dokumen HTML Baris 3 src="images/artikel/introhtml_02
    <html> Baris 4 .gif" width="313" height="43"
    <head> Untuk memberikan garis alt="Contoh Gambar">
    <title>Your title</title> horisontal digunakan tag <hr>. Hasil:
    </head> Tag <hr> memiliki beberapa <img border="1"
    <body bgcolor="#cccccc"> atribut. Tag <hr> tidak src="images/introhtml_02.gif"
    Hello <b>World!!</b> memerlukan tag penutup jadi tag width="313"
    </body> <hr> merupakan standalone tag. height="43"></a>
    </html> Coba contoh berikut ini: Hasil:
    Cobalah kode berikut ini: <p>Halo nama saya Telo</p> <!--Kode untuk menampilkan
    <h1>My First HTML</h1> <hr width="25%" nama saya-->
    <h2>My First HTML</h2> align="justify"> <p>Nama saya
    <h3>My First HTML</h3> <p>Saya lagi belajar membuat <b>Dhimas</b></p>
    <h4>My First HTML</h4> garis horisontal.</p> List
    <h5>My First HTML</h5> <hr size="4" align="justify"> Tag list berguna untuk
    <h6>My First HTML</h6> <p>Matur nuwun</p> menampilkan list-list. Ada 3
    Hasil: <hr size="3" noshade macam jenis list pada HTML.
    <p>Halo, nama saya color="#000000" width="25%" Yang pertama adalah Unordered
    <b>Budi</b> dan align="justify"> List <ul>:
    saya ingin belajar HTML.</p> Hasil: <ul>
    <p>Ini merupakan <i>kode My <a <li>List 1</li>
    HTML pertama saya</i> dan href="http://www.dhimasronggo <li>List 2</li>
    saya bramantyo.com">Homepage</a <li>List 3</li>
    belajar untuk > </ul>
    <u>memformat</u> teks dalam Hasil: Hasil:
    HTML </p> My homepage List 1
    Beberapa tag mempunyai atribut Jika anda lihat, maka teks List 2
    ALIGN, termasuk <p> dan <h1> homepage telah berubah menjadi List 3
    - <h6>. ALIGN berguna untuk link, jika anda klik maka Tag <ul> merupakan tag
    membuat teks rata kiri, tengah browser akan menuju alamat pembuka. Diantara tag <ul>
    atau kanan. Cobalah kode yang tertera pada atribut href. Anda dapat menambahkan tag
    berikut: Sekarang jika anda memiliki <li> untuk setiap list yang akan
    <h1 align="center">Nama saya banyak file HTML dalam satu ditampilkan. Tag list lainnya
    Jono</h1> folder, apakah saya perlu adalah Ordered List <ol> Anda
    <p>Halo nama saya Jono dan menggunakan http:// untuk dapat menggunakannya sama
    saya lagi belajar HTML</p> melinknya? tentu tidak anda seperti tag <ul> Contoh:
    <p align="right">James, cukup menulis nama filenya <ol>
    2006</p> saja, asalkan file tersebut berada <li>List 1</li>
    Hasilnya: satu folder dengan file yang <li>List 2</li>
    Anda dapat mengubah jenis berisi link. Contoh: <li>List 3</li>
    huruf, ukuran dan warna. Untuk </ol>
    Hasil: <table border="1" width="200" </tr>
    List 1 cellpadding="2"> <tr>
    List 2 <tr> <td width="100" valign="top"
    List 3 <td width="100" align="center" bgcolor="#CCCCCC"
    Jika anda ingin memulai list bgcolor="#C0C0C0"><b>Heade align="left">Left</td>
    tidak dari nomor satu tambahkan r</b></td> <td width="100"
    atribut start. Contoh: <td width="100" align="center" bgcolor="#CCCCCC"
    <ol start="3"> bgcolor="#C0C0C0"><b>Heade align="right">Right</td>
    <li>List 1</li> r</b></td> / </tr>
    <li>List 2</li> </tr> <tr>
    <li>List 3</li> <tr> <td width="200" valign="top"
    </ol> <td width="100">cell 1</td> colspan="2"
    Hasil: <td width="100">cell 2</td> bgcolor="#FFFFFF"
    List 1 </tr> align="center">
    List 2 <tr> Table is cool</td>
    List 3 <td width="100">cell 3</td> </tr>
    Untuk membuat tabel maka <td width="100">cell 4</td> / <tr>
    diperlukan tag-tag dasar seperti </tr> <td width="200" valign="top"
    ini : </table> colspan="2"
    <TABLE></TABLE>--Tag ini Hasil: bgcolor="#FFFFFF"
    merupakan containers untuk Header align="center">
    membuat tabel. Header But it's not easy</td>
    <TR></TR>--Didalam tabel tag cell 1 </tr>
    ini berfungsi untuk membuat cell 2 </table>
    baris. cell 3 Hasil:
    <TD></TD>--Tag untuk cell 4 Header
    membuat kolom. didalam tag <table border="1" width="200" Header
    <tr> harus terdapat tag <td>, cellpadding="2"> Left
    anda bisa menambahkan banyak <tr> Right
    tag <td> didalam <tr> untuk <td width="100" align="center" Table is cool
    membuat kolom. bgcolor="#C0C0C0"><b>Heade But it's not easy
    <TH></TH>--Sama dengan r</b></td> <html>
    <td> hanya saja berfungsi <td width="100" align="center" <head>
    sebagai header, biasanya bgcolor="#C0C0C0"><b>Heade <META content="kecoak.com"
    digunakan pada baris pertama r</b></td> name=AUTHOR>
    didalam tabel. </tr> <META content="Cara
    Setiap tag tabel tersebut <tr> memelihara dan beternak
    memiliki banyak atribut. Oke <td width="100" rowspan="2" kecoak." name=description>
    langsung saja coba kode berikut valign="top">cell 1</td> <META content="kecoak,
    ini: <td width="100">cell 2</td> beternak, memelihara, coro,
    Contoh: </tr> ternak, pelihara"
    <table border="1" <tr> name=keywords>
    width="60%"> <td width="100">cell 4</td> <META content="INDEX,
    <tr> </tr> FOLLOW" name=ROBOTS>
    <td>Contoh Table</td> </table> <META http-equiv="Content-
    </tr> Hasilnya: Language" content="en-us">
    </table> Header <META http-equiv="Content-
    Hasilnya: Header Type" content="text/html;
    cell 1 charset=windows-1252">
    Contoh Tabel cell 2 <title>Ternak Kecoak</title>
    <table border="1" width="200" </head>
    cellpadding="4" cell 4
    cellspacing="5"> <table border="0" width="200" .
    <tr> cellpadding="2" cellspacing="1"
    <td width="100">Cell 1</td> bgcolor="#000000">
    <td width="100">Cell 2</td> <tr>
    </tr> <td width="100" align="center"
    </table> bgcolor="#C0C0C0"><b>Heade
    Hasil: r</b></td>
    Cell 1 <td width="100" align="center"
    Cell 2 bgcolor="#C0C0C0"><b>Heade
    r</b></td>

    You might also like