<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Miniml : Web Dev Team</title>
</head>
<body>
<div id="wrapper">
<!-- HEADER -->
<div id="header">
<h1><a href="#"><img src="images/logo.png" alt="Miniml"></a></h1>
<ul id="menu">
<li><a href="#">Home</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
<!-- HEADER TUTUP -->
<!-- CONTENT -->
<div id="content">
<h2>We are a professional web developer & designer team, and here is what we can do for you</h2>
<!-- FITUR -->
<div id="features">
<ul>
<li class="feature">
<div class="icon design"></div>
<h3>Unique & Elegant Design</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua.
</p>
</li>
<li class="feature">
<div class="icon html"></div>
<h3>HTML5 & CSS3 Templating </h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua.
</p>
</li>
<li class="feature">
<div class="icon wordpress"></div>
<h3>WordPress Theme Development</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua.
</p>
</li>
</ul>
</div>
<!-- FITUR TUTUP -->
<hr class="shadow">
<!-- LATEST PROJECT -->
<div id="latest-project" class="kolom">
<h2>Our Latest Projects</h2>
<ul class="slider">
<li><a href="#"><img src="images/slide1.jpg" alt=""></a></li>
<li><a href="#"><img src="images/slide2.jpg" alt=""></a></li>
<li><a href="#"><img src="images/slide3.jpg" alt=""></a></li>
</ul>
</div>
<!-- LATEST PROJECT -->
<!-- TESTIMONI -->
<div id="testimoni" class="kolom">
<h2>What They Say</h2>
<blockquote>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. <br>
- Jhone Doe <br>
executive producer
</p>
</blockquote>
</div>
<!-- TESTIMONI TUTUP -->
<!-- FOOTER -->
<div id="footer">
<span class="arrow"></span>
<!-- KOLOM KIRI -->
<div id="left" class="kolom">
<a href="#"><img src="logo-footer.png" alt=""></a>
<ul id="address">
<li>Street Lorem 34, Ipsum, Dolor Sit Amet</li>
<li>(+62)85-855-855/(+62)865-555-683</li>
<li>yans_fied[at]yahoo.com</li>
</ul>
</div>
<!-- KOLOM KIRI TUTUP -->
<!-- KOLOM KANAN -->
<div id="kanan" class="kolom">
<ul id="footer-menu">
<li><a href="#">About</a></li>
<li><a href="#">Porfolio</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">To Top</a></li>
</ul>
</div>
<!-- KOLOM KANAN TUTUP -->
</div>
<!-- FOOTER TUTUP -->
</div>
<!-- CONTENT TUTUP -->
</div>
<!-- WRAPPER TUTUP -->
</body>
</html>
Rabu, 02 Juli 2014
html
2.3.2. HTML Tag
Tag Keterangan
<a>…</a> Menyisipkan hyperlink
<b>…</big> Membesarkan teks
<blink>…</blink> Teks berkedip
<blockquote>…</bloqkquote> Menandai sebagai kutipan
<body>…</body> Pasangan tag untuk bagian badan dokumen
<be>…</br> Menyisipkan pemenggal baris
<center>…</center> Mentengahkan teks
<cite>…</cite> Memformat teks
<em>…</em> Menampilkan teks dengan penekanan
<font>…</font> Menentukan atribut font
<head>…</head> Pasangan tag untuk bagian kepala
<html>…</html> Pasangan untuk seluruh dokumen
<i>…</i> Teks miring
<small>…</small> Teks kecil
<strike>…</strike> Membuat garis mendatar
<strong>…</strong> Menampilkan teks dengan penekanan yang kuat
<sub>…</sub> Teks subscript
<sup>…</sup> Text supscript
<tiitle>…</title> Judul dokumen
<h1>…</h1> Headine
<hr>…</hr> Garis horisontal
<p>…</p> Paragraf
<form>…<form> Form input
<input> Menyisipkan Field input
<option>…</option> Mendefinisikan item untuk object SELECT
<select>…<?select> Menu pop up
<textarea>…</textarea> Menyisipkan field input
<img>…</img> Menyisipkan gambar
<dd>…</dd> Menyisipkan keterangan deskripsi dalam daftar definisi
<d1>…</d1> Menyisipkan definisi dari dokumen
<dt>…</dt> Judul definisi
<li>…</li> Item daftar
<ol>…</ol> Daftar terurut
<ul>…</ul> Daftar tidak terurut
<caption>…</caption> Judul untuk tabel
<table>…</table> Memuat tabel
<td>…</td> Menyisipkan data sel tabel
<th>…</th> Menyisipkan sel judul tabel
<tr>…</tr> Mendefinisikan baris tabel
Tag Keterangan
<a>…</a> Menyisipkan hyperlink
<b>…</big> Membesarkan teks
<blink>…</blink> Teks berkedip
<blockquote>…</bloqkquote> Menandai sebagai kutipan
<body>…</body> Pasangan tag untuk bagian badan dokumen
<be>…</br> Menyisipkan pemenggal baris
<center>…</center> Mentengahkan teks
<cite>…</cite> Memformat teks
<em>…</em> Menampilkan teks dengan penekanan
<font>…</font> Menentukan atribut font
<head>…</head> Pasangan tag untuk bagian kepala
<html>…</html> Pasangan untuk seluruh dokumen
<i>…</i> Teks miring
<small>…</small> Teks kecil
<strike>…</strike> Membuat garis mendatar
<strong>…</strong> Menampilkan teks dengan penekanan yang kuat
<sub>…</sub> Teks subscript
<sup>…</sup> Text supscript
<tiitle>…</title> Judul dokumen
<h1>…</h1> Headine
<hr>…</hr> Garis horisontal
<p>…</p> Paragraf
<form>…<form> Form input
<input> Menyisipkan Field input
<option>…</option> Mendefinisikan item untuk object SELECT
<select>…<?select> Menu pop up
<textarea>…</textarea> Menyisipkan field input
<img>…</img> Menyisipkan gambar
<dd>…</dd> Menyisipkan keterangan deskripsi dalam daftar definisi
<d1>…</d1> Menyisipkan definisi dari dokumen
<dt>…</dt> Judul definisi
<li>…</li> Item daftar
<ol>…</ol> Daftar terurut
<ul>…</ul> Daftar tidak terurut
<caption>…</caption> Judul untuk tabel
<table>…</table> Memuat tabel
<td>…</td> Menyisipkan data sel tabel
<th>…</th> Menyisipkan sel judul tabel
<tr>…</tr> Mendefinisikan baris tabel
Langganan:
Komentar (Atom)