Saturday, July 4, 2015
HTML
TUTORIAL HTML LENGKAP
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Latihan1</title>
</head>
<body>
<!--membuat judul atau heading -->
<h1>heading level1</h1>
<h2>heading level2</h2>
<h3>heading level3</h3>
<h4>heading level4</h4>
<h5>heading level5</h5>
<h6>heading level6</h6>
HALOO HTML......<br><br><!--membuat baris baru -->
HALOO HTML......
<p>ini paragraf</p><p>ini paragraf juga</p><!--paragraf -->
<!---memanggil gambar -->
<img src="gambar/index.jpg" alt="disini ada gambar" width="300px" height=""> <br><br>
<!-- membuat berbagai jenis text-->
<b>text bold</b><br>
<i>text italic</i><br>
<u>text underline</u><br>
<s>text striketrue</s><br>
superscipt : H<sup>2</sup>O<br>
subscipt : H<sub>2</sub>O<br>
<!--membuat link -->
<a href="http://www.webhozz.com" target="blank">link Webhozz</a>
<br>
<a href="http://www.webhozz.com" target="blank">
<img src="gambar/index.jpg" alt="disini ada gambar" width="300px" height=""></a>
<br>
<!--membuat garis -->
<hr width="50%" align="center" size="4" color="#AC0818">
<!--http://flatuicolors.com/ -->
<!--http://flatinspire.com -->
<!--animasi text berjalan -->
<marquee behavior="alternate" bgcolor="blueviolet" >Marquee Alternate</marquee> <br><br>
<marquee behavior="alternatif" bgcolor="blueviolet" >Marquee Alternatif</marquee> <br><br>
<marquee behavior="slider" bgcolor="blueviolet" >Marquee Slide </marquee> <br><br>
<marquee behavior="alternate" bgcolor="blueviolet" >
<img src="gambar/index.jpg" alt="disini ada gambar" width="300px" height=""></marquee> <br><br>
<!-- Ordered list -->
<ol>
<li>Web Design</li>
<li>Web Programing</li>
<li>Codeigniter</li>
</ol>
<ol type="A">
<li>Web Design</li>
<li>Web Programing</li>
<li>Codeigniter</li>
</ol>
<ol type="a">
<li>Web Design</li>
<li>Web Programing</li>
<li>Codeigniter</li>
</ol>
<ol type="i">
<li>Web Design</li>
<li>Web Programing</li>
<li>Codeigniter</li>
</ol>
<ol type="I">
<li>Web Design</li>
<li>Web Programing</li>
<li>Codeigniter</li>
</ol>
<ol type="1">
<li>Web Design</li>
<li>Web Programing</li>
<li>Codeigniter</li>
</ol>
<!--Unordered list -->
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JQUERY</li>
</ul>
<ul type="square">
<li>HTML</li>
<li>CSS</li>
<li>JQUERY</li>
</ul>
<ul type="circle">
<li>HTML</li>
<li>CSS</li>
<li>JQUERY</li>
</ul>
<ul type="disc">
<li>HTML</li>
<li>CSS</li>
<li>JQUERY</li>
</ul>
<!-- Tanpa Bullet -->
<dl>
<dd>PHP</dd>
<dd>MYSQL</dd>
</dl>
</body>
</html>
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment