Rabu, 12 September 2012

Buat HTML dasar

hai hai, pada pertemuan sebelumnya kami telah membahas tentang pembuatan HTML dasar, berikut saya akan mereviewnya kembali
1. Kalian membutuhkan pebimbing blog, kalian dapat membuka website www.htmldog.com sebagai dasar pembuatan web HTML
2. Karena pada saat ini web www.htmldog.com tidak dapat di buka (Forbidden 404) maka saya akan menjelaskannya secara manual.
3. Saya langsung saja ke koding



<hmtl>

<head>
    <title> my first web page</title>
</head>

<body>

    this is my first web page
    <p></p>
    <p1> this is my fiirst web pages</p1><br>

    <p>hoow exiciting</p>

    <p> yes <em> is </em> what i said. how <strong>eery</strong> exicing</p>


This is my first web page<br />
How exciting

h1>My first web page</h1>

    <h2>What this is</h2>
    <p>A simple page put together using HTML</p>

    <h2>Why this is</h2>
    <p>To learn HTML</p>

<ul>
        <li>To learn HTML</li>
        <li>To show off</li>
        <li>Because I've fallen in love with my computer and want to give her some HTML loving.</li>
    </ul>

<h2>Where to find the tutorial</h2>
    <p><a href="http://www.htmldog.com">HTML Dog</a></p>



<img src="http://www.htmldog.com/images/logo.gif" width="157" height="70" alt="HTML Dog logo" />
</body>
</html>

   


koding di atas merupakan pembuatan html dasar. di awali dari <html> dan selalu di akhirdengan tanda "/".
seperti <html> di akhiri </html>

<title> my first web page</title>
pembuatan judukl pada web Anda.

<body> ... </body>
memberikan isi content dari web Anda.

(dalam <body>)
    this is my first web page
    <p></p>
    <p1> this is my fiirst web pages</p1><br>

    <p>hoow exiciting</p>

    <p> yes <em> is </em> what i said. how <strong>eery</strong> exicing</p>

tanda <p> merupakan pemberian baris baru (enter tapi barisnya lebih banyak m misal 2-3 baris)
tanda <p1> merupakan pemberian paragraf baru


This is my first web page<br />
tanda <br /> merupakan pemberian baris baru (hanya enter sekali)


<h1>My first web page</h1>

    <h2>What this is</h2>
    <p>A simple page put together using HTML</p>

    <h2>Why this is</h2>
    <p>To learn HTML</p>

<ul>
        <li>To learn HTML</li>
        <li>To show off</li>
        <li>Because I've fallen in love with my computer and want to give her some HTML loving.</li>
    </ul>

<h2>Where to find the tutorial</h2>
    <p><a href="http://www.htmldog.com">HTML Dog</a></p>

tanda <h1> dan <h2> merupakan heading dari setiap content
tanda <li> merupakan pemberian list (daftar)
tanda <ul> merupakan pemberian list memakai point ()
tanda <ol> merupakan pemberian list memakai numbering

<img src="http://www.htmldog.com/images/logo.gif" width="157" height="70" alt="HTML Dog logo" />
menginput image yang ingin dimasukkan di web
"nama_web/gambar/nama_gambar_dan_jenis_gambar" panjang_gambar=" " tinggi_gambar=" " alt="pesan jika gambar tidak muncul"

sekian info dari saya, Terima kasih dan selamat mencoba ^^

Tidak ada komentar:

Posting Komentar