Tampilkan postingan dengan label HTML. Tampilkan semua postingan
Tampilkan postingan dengan label HTML. Tampilkan semua postingan

Jumat, 18 Maret 2016

Tag - Tag Dasar HTML Untuk Pemula


Pada Postingan sebelumnya saya membahas tentang Bagaimana Membuat Web Menggunakan HTML.  Nah, untuk mendukung postingan tersebut akhirnya saya berpikir untuk memposting tentang Tag-Tag Dasar HTML.

Tanpa berlama-lama lagi, simak Tag-Tag HTML berikut :

Element Dasar
Tag HTML
Fungsinya
<html>...</html>
Mendeskripsikan bahwa tag yang ada di bawahnya merupakan bagian dari HTML
<head>...</head>
Header
<title>...</title>
Judul web
<body>...</body>
Mendeskripsikan bagian tubuh dari HTML
Memformat Teks
Tag HTML
Fungsinya
<b>...</b>
Tulisan Bold
<u>...</u>
Tulisan bergaris bawah
<i>...</i>
Tulisan miring
<h?>...</h?>
Heading. ? diisi dengan angka 1-6. Semakin besar angkanya, tulisannya semakin kecil
<center>...</center>
Teks akan berada di tengah
<marquee>...</marquee>
Teks bergerak
<s>...</s>
Mencoret teks
<sub>...</sub>
Teks akan berada di bawah (subscript)
<sup>...</sup>
Teks akan berada di atas seperti pangkat (superscript)
<br>
Break line atau enter. Tag ini tidak memiliki tag end
<p>...</p>
Membuat paragraf
<hr>
Membuat garis horizontal
<blockquote>...</blockquote>
Seperti justify
<address>...</address>
Mendeskripsikan alamat
Membuat List
Tag HTML
Fungsinya
<ul>...</ul>
Daftar dengan simbol.
<ol>...</ol>
Daftar dengan huruf,angka, atau huruf romawi.
<li>...</li>
Menyatakan bahwa teks yang diapit oleh tag ini adalah bagian dari tag list(ol atapun ul)
<lh>...</lh>
List Header

Itulah beberapa Tag-Tag Dasar HTML. Sekarang sobat bisa kembali berkreasi dalam membuat Web menggunakan HTML.
Nah, Jika ada yang kurang jelas sobat bisa mampir dikolom komentarnya :)

Selamat belajar, semoga bermanfaat :)

Read More

Cara Membuat Web Mudah Menggunakan HTML

Pada Postingan kali ini saya akan mencoba berbagi tutorial tentang Bagaimana Membuat atau Merancang Website Sederhana Menggunakan HTML.
Namun, tahukah sobat apa HTML itu ?

Hyper Text Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi.(Wikipedia)

Nah setelah mengetahui HTMLitu apa, kini saya akan berbagi cara membuat atau merancang suatu website menggunakan HTML.

Berikut contoh Kode HTML nya :
<html>
<head>
<title>dayatmbojo.blogspot.com</title>
 </head>
<body background="Wood.jpg"><! BG &nbsp>
<p align="center">
<img src="web.png"><p>
</p>
<table width="1000" border="3" cellspacing="5" align="center">
                                    <tr>
                                                <td align="center" width="50"><b><a href="#home">HOME</a></b></td>
                                                <td align="center" width="50"><b><a href="#tutor">TENTANG</a></b></td>
                                                <td align="center" width="50"><b><a href="#ks">KONTAK</a></b></td>
                                    </tr>
                        </table>
                        <br><marquee behavior="alternate"> <font size=5 ">Selamat Datang Di Website Mbozho Times</marquee>
</font>
<br><br><br><p align="center">
<embed src=http://flash-clocks.com/free-flash-clocks-blog-topics/free-flash-clock-166.swf width=200 height=50 wmode=transparent type=application/x-shockwave-flash></embed>
</p>
<font size=4>
<p align="center">
<font size=5>
<B><s>Pernah Seperti ini ? Masa Kuliahmu Menyenangkan </s></B>!</p>
<br></font>
<font color= "Black" size="4"><br>1. Rice Cooker Serba Guna </font> <p>
<img src="Serba.jpg" width="320" height="250"><br></p>
<p>Barang yang satu ini menjadi barang yang paling urgent dan berarti bagi kalian yang pernah menikmati indahnya ala hidup anak rantauan.</p>
<a href ="" target="_blank">Read More</a></p>
<font color= "Black" size="4">2. Kata Bijak Orang Tua :D</font> <p>
<img src="lucu.jpg" width="265" height="300"><p>
<p>Jauh dari orang tua bukan berarti mahasiswa rantauan bebas dari amanah dan pesan orang tua. Namun, kadang pesan yang disampaikan orang tua tidak selalu seperti apa yang diekspektasikan.</p>
<a href ="" target="_blank">Read More</a></p>
<font color= "Black" size="4">3. Baperan.</font> <p>
<img src="Baper.jpg" width="250" height="250"><br></p>
<p>Istilah <i>"Baper"</i> atau Kebawa Perasaan ini kerap kali mewarnai keseharian anak rantauan. Segala sesuatu apa saja di baperin. Tugas banyak baper, kiriman telat baper sampai sarapan sendiri juga bisa bikin baper.</p>
<a href ="" target="_blank">Read More</a></p>
<a href ="" ><p align="center">Back To Top</a></p>
<p> </p>
</body>
<footer><p align="center"><B>
   Copyright &copy dayatmbojo.blogspot.com</b></footer></p>
</html>

Dari kode HTML diatas, akan menghasilkan tampilan seperti berikut :


Catatan :
Untuk memanggil gambar (Background, gambar terserah), pastikan file gambar satu folder dengan kode HTML nya, karena jika file gambar tidak berada satu folder dengan HTMLnya, maka gambar yang ingin dipanggil tidak akan muncul pada website HTML sobat.

Itulah beberapa kode HTML untuk merancang dan membuat web sederhana. Jangan sungkan untuk mampir dikolom komentar ya sobat :D
Semoga bermanfaat.
Selamat belajar yaa ... Salam Blogger :)


Read More