game
Free Online Games brought to you by GameTop
16 Agustus 2012
M16O
HTML Layouts
Main Title of Web Page |
|
| MenuHTMLCSSJavaScript | Content goes here |
| Copyright © W3Schools.com | |
<!DOCTYPE html>
<html>
<body>
<html>
<body>
<div id=”container” style=”width:500px”>
<div id=”header” style=”background-color:#FFA500;”>
<h1 style=”margin-bottom:0;”>Main Title of Web Page</h1></div>
<div id=”menu” style=”background-color:#FFD700;height:200px;width:100px;float:left;”>
<b>Menu</b><br />
HTML<br />
CSS<br />
JavaScript</div>
<div id=”content” style=”background-color:#EEEEEE;height:200px;width:400px;float:left;”>
Content goes here</div>
<div id=”footer” style=”background-color:#FFA500;clear:both;text-align:center;”>
Copyright © W3Schools.com</div>
</div>
</body>
</html>
Beberapa Kumpulan Tag HTML
<!– –> Memberi komentar atau keterangan. Kalimat yang terletak pada tag kontiner ini tidak akan terlihat pada browser
<a href> Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut
<a name> Membuat nama bagian yang didefinisikan pada link pada halaman yang sama <applet> Sebagai awal dari Java applets
<area> Mendefinisikan daerah yang dapat diklik (link) pada image map
<b> Membuat teks tebal
<basefont> Membuat atribut teks default seperti jenis, ukuran dan warna font
<bgsound> Memberi (suara latar) background sound pada halaman web
<big> Memperbesar ukuran teks sebesar satu point dari defaultnya
<blink> Membuat teks berkedip
<body> Tag awal untuk melakukan berbagai pengaturan terhadap text, warna link & visited link <br> Pindah baris
<caption> Membuat caption pada tabel
<center> Untuk perataan tengah terhadap teks atau gambar
<comment> Meletakkan komentar pada halaman web tidak tidak akan nampak pada browser <dd> Indents teks
<div> Represents different sections of text.
Menambahkan sound or file avi ke halaman web
<fn> Seperti tag <a name>
<font> Mengganti jenis, ukuran, warna huruf yang akan digunakan utk teks
<form> Mendefinisikan input form
<frame> Mendefinisikan frame
<frameset> Mendefinisikan attribut halaman yang akan menggunakan frame
<h1> … <h6> Ukuran font
<head> Mendefinisikan head document.
<hr> Membuat garis horizontal
<html> Bararti dokumen html
<i> Membuat teks miring
<img> Image, imagemap atau an animation
<input> Mendefinisikan input field pada form
<li> Membuat bullet point atau baris baru pada list (berpasangan dengan tag <dir>, <menu>, <ol> and <ul> )
<map> Mendefinisikan client-side map
<marquee> Membuat scrolling teks (teks berjalan) – hanya pada MS IE
<nobr> Mencegah ganti baris pada teks atau images
<noframes> Jika browser user tidak mendukung frame
<ol> Mendefinisikan awal dan akhir list
<p> Ganti paragraf
<pre> Membuat teks dengan ukuran huruf yg sama
<script> Mendefinisikan awal script
<table> Membuat tabel
<td> Kolom pada tabel
<title> Mendefinisikan title
<tr> Baris pada tabel
<u> Membuat teks bergaris bawah
memasang youtube di blog wordpress
- Login ke halaman admin blog WordPress
- Kemudian klik sub menu “Widget”
- Pada halaman “Widget” pilih widget “Teks”
- ketikkan kode dibawah ini.
<code><span class=’embed-youtube’ style=’text-align:center;display:block;’> [/youtube=http://www.youtube.com/watch?v=FUFhevF-OoY&feature=fvst &w=250&h=250]</span></code>
jng lupa tanda (/) di dpn youtube di hapus
membuat daftar isi
- Klik sub menu “Widget”
- Setelah tampil halaman Widget, pilih “Teks”
- Paste kode HTMLSeperti pada gambar berikut:
<div style=”overflow:auto;width:500px px;height:400px; text-align:left;”>[/archives]</div>
Garis miring di depan archices “/” dihapus agar kode HTML berfungsi
Maka hasilnya akan seperti dibawah ini
buat text area di halaman WP
- Klik sub menu Tambahkan Baru
- Setelah tampil halaman “Add New Post” atau “Add New Page”, silahkan klik pada mode “HTML”
- Masukkan kode dibawah ini pada mode “HTML”
<div style="BORDER-RIGHT: rgb(153,153,153) 3px solid;
BORDER-TOP: rgb(153,153,153) 3px solid; OVERFLOW: auto;
BORDER-LEFT: rgb(153,153,153) 3px solid; WIDTH: 500px;
BORDER-BOTTOM: rgb(153,153,153) 3px solid; HEIGHT:150px"> ayo belajar....</div> Kemudian kembali pada mode “Visual”, untuk melakukan penulisan biasa
Setelah selesai, klik tombol “Simpan Konsep” bila anda ingin menyimpan dan mengeditnya kembali atau klik pada tombol “Pratampil” jika anda ingin melihat hasil tulisan anda atau klik tombol “Terbitkan” bila anda ingin mempublikasikan atau menampilkan pada halaman blog anda.
Hasil yang didapatkan adalah seperti ini:
ayo belajar….
Tulisan Terbalik
ʞılɐqɹǝʇ uɐsılnʇ ini bisa digunakan di banyak tempat, bisa di blog, situs, komentar, forum, sebagai status Facebook, status Yahoo! Messenger (IM), email, atau di berbagai layanan social network lainnya. Yah, sekedar buat isengin teman atau apa terserah lah…ɐɾɐ ƃunsƃuɐl ɐʎuʇɐnq ɐɹɐɔ bikin aja di sini.
dadiduit 