Memulai Website dengan HTML

Sebelumnya saya ingin mengucap salam dulu gan. Assalammualaikum.Wr.Wb yaagaan:))
Sekarang saya akan berbagi ilmu sedikit tentang HTML,Iyaa karena saya juga masih belajar :v


Ayuu,marii disimak yaa...
Oiyaa,Kalau di html selalu diawali dengan '<>' dan diakhiri dengan '</>' .
Contohnya gini deh,langsung ke tiitle nya ajaa.  <title>Belajar</title> . Nahh,selalu begini strukturnya,kalau ngga yaa bisaa error nanti codingannya. Hehe

Kalian bisa mengikutinya dengan notepad atapun notepad++. Tidak tau? Tekan tombol windows+R lalu ketikkan notepad. Barulah lanjut bacaa..
Oiya,setelah selesai tekan Ctrl+S lalu simpan filenya dengan nama file belakangnya .html ,dan normal type nya diganti ke All type ya gann:D. Bingung? Lihat ini gann..

Pertama,struktur dalam hasil coding HTML adalah seperti ini:
<html>
<head>
<title></title>
<body>
</body>
</head>
</html>

Untuk lebih jelasnya marii disimak ini yaa,diikuti agar tau...

<html>
  <head>
    <title>Belajar HTML</title>
      <body>
<h1>Belajar HTML</h1>
<h2>Belajar HTML</h2>
      </body>
</head>
</html>

Dan hasilnya seperti gambar dibawah ini :



Dan bila ditambahkan lagi,seperti:
<html>
  <head>
    <title>Belajar HTML</title>
      <body bgcolor="yellow">
<center>
<font size="5" font color="red"><h1>Belajar HTML</h1>
<h2>Belajar HTML</h2></font>
      </body>
</head>
</html>

Dan hasilnya akan seperti gambar ini :

Keterangannya=1.)<body bgcolor="yellow"> kode disamping untuk merubah background web anda,bisa disesuaikan dengan selera masing-masing.
                         2.)<center> kode disamping untuk menengahkan teks yang kita tulis
                         3.)<font size="5" font color="red"><h1>Belajar HTML</h1> kode ini untuk                                        pengaturan
                           ukuran dan warna pada teksnya. Size berarti ukuran,dan font color berarti warna                                 teksnya.

Nahh,seenggaknya itu dasar-dasarnya gan.Sebenernya masih banyak lagii... Tapii sudahlahh.
Wasalammualaikum,semoga bermanfaat dan bisa membantu yaa:))
Previous
Next Post »