Hallo bertemu lagi dengan kami kali
ini kami akan mengulas tentang dasar dasar membuat HTML atau HyperText Markup Language. Sebelum masuk
ke step step atu langkah langkah membuatnya kami akan menjelaskan sedikit
tentang HTML.
HiperText Markup Language atau HTML adalah bahasa pemrograman
standar yang digunkan untuk membuat halaman web, yang kemudian dapat diakses
untuk menampilkan berbagai informasi melalui penjelajah browser. Pada HTML
biasanya diawali dengan <> dan di akhiri dengan </>
Contohnya awal dari file HTML diawali dengan tag <html> dan
diakhiri </html>, <html> menunjukan bahwa file tersebut adalah file
HTML.
1 .CARA MEMBUAT HEADING
Cara membuat heading menggunakan tag h1,h2,h3,.....,h6. Tag tersebut
menunjukan besarnya judul yang akan dibuat,
<html>
<head>
<title>heading</title>
</head>
< body >
<h1>inij
udul menggunakan h1</h1>
<h2>ini
judul menggunakan h2</h2>
<h3>ini
judul menggunakan h3</h3>
<h4>ini
judul menggunakan h4</h4>
<h5>ini
judul menggunakan h5</h5>
<h6>ini judul menggunakan h6</h6>
</body>
</html>
2 .CARA MEMBUAT PARAGRAF
Tag <P> digunakab untuk membuat sebuah paragraf
<html>
<head>
<title>tag heading part10</title>
</head>
<body>
<h1>belajar html</h1>
<p>saya belajar html melalui <a href="http://www.w33shool.com">w3shool</a></p>
</body>
</html>
3 .CARA MEMBUAT DAFTAR ATAU LIST
Tag <Ii> berfunsi untuk membuat daftar atau list dalam HTML List item di gunakan untuk mengelompokkan data baik berurutan maupun yang tidak berurutan.
<html>
<head>
<title>tag daftar/list part9</title>
</head>
<body>
<h1>daftar menu makanan</h1>
<ul>
<li>nasi goreng</li>
<li>nasi uduk</li>
<li>mie ayam</li>
<li>bakso</li>
<li>soto ayam</li>
</body>
</html>
4 .CARA INPUT IMAGE
Cara input image adalah menggunakan tag <image src>. Syarat yang harus dilakukan jika ingin input image ialah file image/gambar yang ingin kita masukan/yang akan kita input harus dalam satu folder dengan file HTML.
<html>
<head>
<title>tag heading part11</title>
</head>
<body>
<h1>insert image dalam html</h1>
<image src="background.jpg" height="500">
</body>
</html>
5 .CARA INPUT HYPERLINK
Tag <A> untuk menentukan hyperlink dalam document HTML. HREF property digunakan untuk menentukan tujuan dari hyperlink tersebut..
<html>
<head>
<title>contoh hyperlink</title>
</head>
<body>
<p>saya selalu belajar di blog belajar bersama</p>
<a href="http://http://multimedia2grf11.blogspot.co.id/">klik disini untuk mengunjungi</a>
</body>
</html>
6 .CARA MENGATUR TATALETAK PARAGRAF/ALIGN
Tag <div> di gunakan untuk mengelompokkan element-element HTML. align menentukan tataletak contoh : center,right,left,.......
<html>
<head>
<title>cara menggunakan tag div</title>
</head>
<body>
<div align="center">
<p>text ini berada di center</p>
</div>
</body>
</html>
Selamat Mencoba.....
Jika anda belum mempunyai aplikasi notepad ++ silahkan download disini
2 .CARA MEMBUAT PARAGRAF
Tag <P> digunakab untuk membuat sebuah paragraf
<html>
<head>
<title>tag heading part10</title>
</head>
<body>
<h1>belajar html</h1>
<p>saya belajar html melalui <a href="http://www.w33shool.com">w3shool</a></p>
</body>
</html>
3 .CARA MEMBUAT DAFTAR ATAU LIST
Tag <Ii> berfunsi untuk membuat daftar atau list dalam HTML List item di gunakan untuk mengelompokkan data baik berurutan maupun yang tidak berurutan.
<html>
<head>
<title>tag daftar/list part9</title>
</head>
<body>
<h1>daftar menu makanan</h1>
<ul>
<li>nasi goreng</li>
<li>nasi uduk</li>
<li>mie ayam</li>
<li>bakso</li>
<li>soto ayam</li>
</body>
</html>
4 .CARA INPUT IMAGE
Cara input image adalah menggunakan tag <image src>. Syarat yang harus dilakukan jika ingin input image ialah file image/gambar yang ingin kita masukan/yang akan kita input harus dalam satu folder dengan file HTML.
<html>
<head>
<title>tag heading part11</title>
</head>
<body>
<h1>insert image dalam html</h1>
<image src="background.jpg" height="500">
</body>
</html>
5 .CARA INPUT HYPERLINK
Tag <A> untuk menentukan hyperlink dalam document HTML. HREF property digunakan untuk menentukan tujuan dari hyperlink tersebut..
<html>
<head>
<title>contoh hyperlink</title>
</head>
<body>
<p>saya selalu belajar di blog belajar bersama</p>
<a href="http://http://multimedia2grf11.blogspot.co.id/">klik disini untuk mengunjungi</a>
</body>
</html>
6 .CARA MENGATUR TATALETAK PARAGRAF/ALIGN
Tag <div> di gunakan untuk mengelompokkan element-element HTML. align menentukan tataletak contoh : center,right,left,.......
<html>
<head>
<title>cara menggunakan tag div</title>
</head>
<body>
<div align="center">
<p>text ini berada di center</p>
</div>
</body>
</html>
Selamat Mencoba.....
Jika anda belum mempunyai aplikasi notepad ++ silahkan download disini
No comments:
Post a Comment