Belajar Html dengan Wampserver

by 08.11 1 komentar
Hi, kali ini saya akan membahas mengenai html yang telah saya pelajari. Saya belajar html menggunakan wampserver dan bgaimana cara menggunakannya sbb:

pertama, instal wampserver dan jika ada icon wampserver berarti sdh jalan aplikasix.

kedua, kita masuk ke c > wamp > www. kemudian pada folder www, hapus isinya.

ketiga, kemudian buka notepad dan isikan sebagai berikut

" <html>

<head>

</head>

<body>

</body>

</html> "

(itu untuk dasar isinya)

diantar "<head> dan </head>" ketikan "<title> Ini <title>" untuk judulx.

keempat, kemudian isinya: diantara "<body> dan </body>" ketikan " <h1>
hello</h1>
" (terserah h1, h2, h3. hanya untuk ukuran heading saja)

kelima, untuk bold tulisanx masih diantara body, masukkan "<b> hello</b>"

keenam, ketikan "<p>
contoh isi paragrap </p>
" masih diantara body, dan "
" untuk barisx,

cara membuat tabel :

" <table border="1">
<tr> <th>Nama</th> <th>alamat</th> </tr>
<tr> <td>Achyar</td> <td>Jl. Pulau Panjang</td> </tr>
<tr> <td>Fauzan</td> <td>Jl. Gunung Panjang</td> </tr>
</table>
"

tips*
untuk membuat tulisan di halaman ada ditengah dengan cara ini "<h1 align ="center">
hello</h1>
"



dan unutk membuat usernamae dan password:

" username: <input type="text"name="user"value="">
password: <input type="button"name="tombol"value="ok"> "



tambahan dari yang saya pelajari diinternet:

untuk memberi warna heading, paragraph and background dengan cara:

" <html>
<body style="background-color:yellow;">
<h2 style="background-color:red;">
untuk heading</h2>
<p style="background-color:green;">
untuk paragraph.</p>
</body>
</html> "

untuk warna tulisan dan jenis tulisan:

" <html>
<body>
<h1 style="font-family:verdana;">
A heading</h1>
<p style="font-family:arial;color:red;font-size:20px;">
untuk paragraph.</p>
</body>
</html> "

untuk menampilkan gambar:

" <html>
<body>

<h2>
namax</h2>
<img border="0" src="/images/pulpit.jpg" alt="Pulpit rock" width="304" height="228" />

</body>
</html> "

sumber tambahan : w3schools.com

dan terakhir save dengan nama apa.html dan dengan type all file ok.
sekian...

Achyar Fauzan

Developer

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Curabitur blandit tempus porttitor. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.

1 komentar:

  1. It was very interesting for me to read that blog. Thanks the author for it. I like such topics and everything that is connected to them. I would like to read more soon.
    Volkswagen Cabriolet AC Compressor

    BalasHapus