Pada kesempatan ini Saya ingin berbagi pengetahuan tentang dasar” membuat web. Disini kita akan belajar menggunakan "HTML" (HyperText Markup Language) karena dasar membuat tampilannya yaitu dengan "HTML" ini..!!
NB: HTML dipergunakan buat penulisan pemrograman web digunakan dalam bentuk kode ASCII dan diterjemahkan dalam bentuk tag pada NotePad.
Mungkin bagi orang banyak ini postingan yang membosankan karena udah sering ditampilkan di banyak blog… No problem, yang terpenting ini bisa membantu bagi orang lain buat yang masih belajar seperti saya..!!
Ok next….
Perhatian...!!
Nb: kita harus gunakan notepad untuk menulis semua ..!!!
Nb: Abaikan semua tanda kutip pada tag html dibawah ini
Langsung saja kita masuki yang pertama yaitu :
A. TAG HTML
Contohnya :
B. Struktur HTML
Contohnya:
<HTML>
<Head>
<Title>…………</title>
</head>
<body>
</body>
</HTML>
Mari Kita Praktekkan ke notepad:
Perhatian...!!
Nb: kita harus gunakan notepad untuk menulis semua ..!!!
Nb: Abaikan semua tanda kutip pada tag html dibawah ini
Langsung saja kita masuki yang pertama yaitu :
A. TAG HTML
Contohnya :
- Tag pembuka <>
- Tag penutup, selalu dimulai dengan tanda / maka menjadi </>
B. Struktur HTML
Contohnya:
<HTML>
<Head>
<Title>…………</title>
</head>
<body>
</body>
</HTML>
Mari Kita Praktekkan ke notepad:
Selanjutnya setelah selesai kita ketikan tag diatas,kemudian kita simpan dalam bentuk file (.html)
Setelah kita simpan mari kita liat bentuk file nya:
Disini saya menggunakan internet explorer, mari kita liat hasilnya:
Gmn??? Mudah kan??.....................
C.Tag header (membuat heading)
Heading adalah huruf-huruf berukuran khusus yang digunakan untuk menuliskan judul bab atau sub bab. Ada enam tingkatan header mulai dari H1 hingga H6. H1 adalah header yang paling besar dan H6 adalah header yang paling kecil. Coba tulis dalam Notepad anda sebagai berikut:
<HTML>
<BODY>
<H1>SELAMAT </H1>
<H2>DATANG</H2>
<H3>IN</H3>
<H4>MY</H4>
<H5>BLOG</H5>
<H6>RUDI</H6>
</BODY>
</HTML>
Setelah itu disimpan seperti biasa,lalu liat tampilannya seperti pa???
Apakah seprti ini??
1 komentar:
Click here for komentarOk gan bisa dipahami :D
# Silahkan Anda Berkomentar dengan Baik dan Sopan
# Pesan dilarang Mengandung SARA dan Spam
# Terima Kasih Telah berkunjung di Blog Sederhana ini ConversionConversion EmoticonEmoticon