Materi kelas XI SMA HTML(Hyper Text Markup Language)

15.30 |

Syntak HTML

<!doctype html >

<html>

<head>

<title>Muhammad Syahbandi M.Kom</title>

<style>

h1 {

font-family: Vijaya

}

</style>

</head>

<body>

Klik untuk membuka blog Muhammad Syahbandi M.Kom</a>

<h1>Bagaimana Cara Mempercepat IDM</h1>

<p ALIGN="Center"> Berikut ini akan menjelaskan bagaimana caranya mempercepat IDM anda menjadi 10 KALI SUPER CEPAT. mungkin biasanya anda mendownload dengan kecepata yang kurang dari 50-100 kbps kali ini saya akan menge-share bagaimana membuat IDM Anda menjadi >500-1000 Kbps.</p>

<p><b>Berikut caranya:</b></p>

<p>1. Buka IDM (Internet Download Manager)

<p>

<p>

2. Klik Option

<p>

3. Pada Connection/ Speed, pilih Other, dan pada Default Max conn.number pilih 16

<p>

4. Tutup IDM

<p>

5. Klik Start, lalu klik Run dan tuliskan “regedit”, untuk pengguna Windows 8 bisa langsung saja klik start kemudian ketik "run" lalu tekan tombol ENTER

<p>

<p>

6. Klik OK

<p>

7. Jalankan Regedit/HKey_Current_User/Software/Download Manager

<p>

<p>

8. Pada sisi kanan jendela Registry double klik pada Connection Speed

<p>

9. Ganti hexadecimal jadi decimal isi dengan 999999999

<p>

10. OK

<p>

11. Klik File, lalu Exit

</p>

<h1>SELAMAT MENIKMATI MENDOWNLOAD DENGAN KECEPATAN TURBO SPEED IDM :)</h1>

<dfn>IDM</abbr></dfn>, adalah Software download manager yang praktis dan cepat.

<acronym title="Muhammad Syahbandi M.Kom">present by: Programmer by Microsoft .Corp

</acronym>

Muhammad Syahbandi M.Kom<br>

<a href="mailto:setomuhammad@gmail.com"> Kirim e-mail</a><br>

Hp: +6283873099319

</address>

<form>

Nama : <input type="text"

size="30" /></br>

<p>

Email : <input type="text"

size="30" /></br>

</fieldset>

</form>

<button type="submit">Klik disini untuk menyimpan</button>

<p>

<dl>

<dt>Daftar Antivirus untuk Komputer</dt>

<dd>- Windows Defender</dd>

<dd>- Avast</dd>

<dd>- Avira</dd>

<dd>- Norton</dd>

<dd>- Bitdefender</dd>

<dd>- Malware anti malwarebyt</dd>

</dl>

<p>

</body>

</html>

Dari struktur html diatas akan menjadi sperti yg tertera pada gambar berikut ini

Digunakan untuk menulis komentar.

Contoh :

<!—Ini adalah komentar dan tidak akan ditampilkan dibrowser-->

<!doctype html >

Deklarasi ini bukan termasuk tag HTML, tetapi merupakan instruksi untuk web browser tentang versi bahasa markup yang digunakan.

Contoh :

<!DOCTYPE HTML PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

<a>

Mendefinisikan tag anchor . digunakan untuk membuat link kedokumen lain menggunakan atribut href dan juga untuk membuat bookmark dokumen menggunakan atribut name.

Contoh :

Muhammad Syahbandi M.Kom<br>

<a href="mailto:setomuhammad@gmail.com"> Kirim e-mail</a><br>

Hp: +6283873099319

</address>

<abbr>

Digunakan untuk menampilkan informasi pada saat pointer mouse diletakan pada teks yang ditandai.

Contoh :

<h1>SELAMAT MENIKMATI MENDOWNLOAD DENGAN KECEPATAN TURBO SPEED IDM :)</h1>

<dfn>IDM</abbr></dfn>, adalah Software download manager yang praktis dan cepat.

<acronym title="Muhammad Syahbandi M.Kom">present by: Programmer by Microsoft .Corp

</acronym>

<acronym>

Digunakan untuk mendefinisikan sebuah singkatan . informasi akan muncul pada saat pointer mouse diletakan pada teks yang ditandai.

Contoh :

<h1>SELAMAT MENIKMATI MENDOWNLOAD DENGAN KECEPATAN TURBO SPEED IDM :)</h1>

<abbr title="Internet Download Manager">

<dfn>IDM</abbr></dfn>, adalah Software download manager yang praktis dan cepat.

<acronym title="Muhammad Syahbandi M.Kom">present by: Programmer by Microsoft .Corp

</acronym>

<address>

Digunakan untuk mendefinisikan informasi kontak pada halaman web. Biasanya digunakan sebagai signature pada halaman web.

Contoh :

<address>

Muhammad Syahbandi M.Kom<br>

<a href="mailto:setomuhammad@gmail.com"> Kirim e-mail</a><br>

Hp: +6283873099319

</address>

<area>

Digunakan untuk mendefinisikan daerah (area) pada pemetaan gambar.

Contoh :

<img src =”planets.gif” width=”145”

height=”126”

alt=”Planets” usemap =”#planet map”/>

<map name=”planetmap”>

<area shape=”rect” cords=”0,0,82,126”

href=”matahari.htm” alt”Matahari”/>

</map>

<b>

Digunakan untuk mencetak tebal suatu teks.

Contoh :

<h1><b>Bagaimana Cara Mempercepat IDM</b></h1>

<base>

Digunakan untuk mendefinisikan link default dalam sebuah halaman web. Tag ini diletakan pada bagian head.

Contoh :

<head>

</head>

<bdo>

Digunakan untuk menentukan arah teks.

Contoh :

<bdo dir=”ltr”>contoh teks LTR (Left To Right)</bdo>

<bdo dir=”rtl”>Contoh tek RTL (Right To Left)</bdo>

<big>

Digunakan untuk menggunakan teks berukuran besar.

Contoh :

<big>Teks Besar</big>

<blockquote>

Digunakan untuk mendefinisikan pendapat (quote) yang panjang. Browser anda akan menambahkan spasi kosong sebelum dan sesudah elemen ini.

Contoh :

HTML adalah kode untuk membuat web

</blockquote>

<body>

Digunakan untuk mendefinisikan badan html, yang didalamnya merupakan tempat untuk meletakan elemen-elemen html lain-lainya seperti gambar, teks, table, form, dan lain-lain

Contoh :

<body>

Klik untuk membuka blog Muhammad Syahbandi M.Kom</a>

<h1>Bagaimana Cara Mempercepat IDM</h1>

<p><b>Berikut caranya:</b></p>

<p>1. Buka IDM (Internet Download Manager)

<p>

<p>

2. Klik Option

<p>

3. Pada Connection/ Speed, pilih Other, dan pada Default Max conn.number pilih 16

<p>

4. Tutup IDM

<p>

5. Klik Start, lalu klik Run dan tuliskan “regedit”, untuk pengguna Windows 8 bisa langsung saja klik start kemudian ketik "run" lalu tekan tombol ENTER

<p>

<p>

6. Klik OK

<p>

7. Jalankan Regedit/HKey_Current_User/Software/Download Manager

<p>

<p>

8. Pada sisi kanan jendela Registry double klik pada Connection Speed

<p>

9. Ganti hexadecimal jadi decimal isi dengan 999999999

<p>

10. OK

<p>

11. Klik File, lalu Exit

</p>

<h1>SELAMAT MENIKMATI MENDOWNLOAD DENGAN KECEPATAN TURBO SPEED IDM :)</h1>

<dfn>IDM</abbr></dfn>, adalah Software download manager yang praktis dan cepat.

<acronym title="Muhammad Syahbandi M.Kom">present by: Programmer by Microsoft .Corp

</acronym>

Muhammad Syahbandi M.Kom<br>

<a href="mailto:setomuhammad@gmail.com"> Kirim e-mail</a><br>

Hp: +6283873099319

</address>

<form>

Nama : <input type="text"

size="30" /></br>

<p>

Email : <input type="text"

size="30" /></br>

</fieldset>

</form>

<button type="submit">Klik disini untuk menyimpan</button>

<p>

<dl>

<dt>Daftar Antivirus untuk Komputer</dt>

<dd>- Windows Defender</dd>

<dd>- Avast</dd>

<dd>- Avira</dd>

<dd>- Norton</dd>

<dd>- Bitdefender</dd>

<dd>- Malware anti malwarebyt</dd>

</dl>

<p>

</body>

<br>

Digunakan untuk menyisipkan sebuah baris (ganti baris)

Contoh :

<body>

Salah satu aplikasi internet adalah web<br>

HTML adalah kode dasar untuk membuat web <br>

</body>

<button>

Digunakan untuk mendefinisikan sebuah tombol.

Contoh :

<button type="submit">Klik disini untuk menyimpan</button>

<caption>

Digunakan untuk mendefinisikan judul pada table

Contoh :

<caption>Daftar Situs</caption>

<tr>

<th>Berita</th>

<th>Belanja</th>

</tr>

<tr>

<td>Detik</td>

<td>Glodokshop</td>

</tr>

</table>

<center>

Digunakan untuk menampilkan teks ditengah halaman.

Contoh :

<center>Teks Ini akan tampil ditengah halaman</center>

<cite>

Digunakan untuk mendefinisikan kutipan

Contoh :

<cite>Life is beautiful</cite> Hidup itu begitu Indahnya</cite>

<code>

Digunakan untuk mendefinisikan teks yang berisi kode-kode komputer.

Contoh :

<code>Ini adalah tes yang dianggap kode-kode</code>

<dd>

Digunakan untuk membuat daftar item pada sebuah definition list (dl).

Contoh :

<dl>

<dt>Daftar Antivirus untuk Komputer</dt>

<dd>- Windows Defender</dd>

<dd>- Avast</dd>

<dd>- Avira</dd>

<dd>- Norton</dd>

<dd>- Bitdefender</dd>

<dd>- Malware anti malwarebyt</dd>

</dl>

<del>

Digunakan untuk medefinisikan sebua teks yang telah dihapus (Teks Tercoret).

Contoh :

Harga normal <del>Rp. 150.000</del>

<dfn>

Digunakan untuk mendifinisikan sebuah Istilah.

Contoh:

<dfn>Netbook</dfn>merupakan versi sederhana dari sebuah notebook.

<dir>

Digunakan untuk membuat daftar judul dari sebuah direktori.

Contoh:

<dir>

<li>xhtml</li>

</dir>

<div>

Digunakan untuk mendefinisikan bagian dari sebuah halaman Web. Seringkali digunakan untuk mengelompokan elemen-elemen html dengan format style tertentu.

Contoh :

<h3>Ini Merupakan Judul<h3>

<p>Ini Merupakan paragraf</p>

</div>

<dl>

Digunakan untuk membuat daftar definisi (definition list) yang terdiri dari beberapa item.

Contoh:

<dl>

<dt>Daftar Menu Makanan</dt>

<dd>- Ayam goreng<dd>

<dd>- Ayam bakar</dd>

<dt>Daftar Menu Minuman</dt>

<dd>- Macam-macam jus</dd>

<dd>- Cappucino</dd>

</dl>

<dt>

Digunakan untuk membuat daftar item dari sebuah definition list.

Contoh:

<dl>

<dt>Daftar Menu Makanan</dt>

<dd>- Ayam goreng<dd>

<dd>- Ayam bakar</dd>

<dt>Daftar Menu Minuman</dt>

<dd>- Macam-macam jus</dd>

<dd>- Cappucino</dd>

</dl>

<em>

Digunakan untuk menekankan sebuah teks.

Contoh:

<em>HTML</em> adalah kode dasar untuk membuat WEB

<fieldset>

Digunakan untuk mengelompokan beberapa elemen dalam sebuah form.

Contoh:

<form>

Nama: <input type=”text”

size=”30” /></br>

Email: <input type=”text”

size=”30” /></br>

</fieldset>

</form>

<font>

Digunakan untuk mendefinisikan huruf (jenis, warna, dan ukuran).

Contoh :

<font size=”3” color=”red”>Life is Beautiful</font>

<font face=”verdana” color=”green”>Life is Beautiful</font>

<form>

Digunakan untuk mendefinisikan sebuah form masukan dari pengguna.

Contoh:

Nama: <input type=”text”

name=”f_nama”/><br>

Email: <input type=”text”

name=”f_email”/><br>

<input type=”submit”

value=”SImpan”/>

</form>

<frame>

Digunakan untuk mendefinisikan sebuah jendela tertentu dalam sebuah frameset.

Contoh:

</frameset>

<frameset>

Digunakan untuk mendefinisikan sebuah frameset. Tiap frameset dapat terdiri dari 2 atau lebih frame, dan tiap-tiap frame memiliki file yang berbeda-beda.

Contoh:

</frameset>

<h1>…<h6>

Digunakan untuk mendefinisikan bagian atas teks. Dimulai dari ukuran besar <h1> hingga ukuran kecil<h6>.

Contoh :

<h1>Heading</h1>

<h2>Heading</h2>

<h3>Heading</h3>

<h4>Heading</h4>

<h5>Heading</h5>

<h6>Heading</h6>

<head>

Digunakan untuk mendefinisikan bagian atas sebuah dokumen html. Bagian ini biasanya digunakan untuk mendefinisikan tag <base>, <link>, <meta>, <script>, <style>, dan <title>.

Contoh :

<head>

<title>Muhammad Syahbandi M.Kom</title>

<style>

h1 {

font-family: Vijaya

}

</style>

</head>

<hr>

Digunakan untuk mendefinisikan sebuah garis horizontal dalam halaman HTML.

Contoh :

Salah satu aplikasi internet adalah web<hr>

HTMl adalah kode dasar untuk membuat web

<i>

Digunakan untuk mencetak miring suatu teks.

Contoh :

<i>Teks tercetak miring (italic)</i>

<link>

Digunakan untuk mendefinisikan link antara halaman dengan sumber lain.

Contoh :

<head>

type=”text/css”

href=”theme.css” />

</head>

<map>

Digunakan untuk pemetaan gambar.

Contoh:

<img src =”planets.gif” width=”145”

height=”126” alt=”Planets”

usemap =”#planetmap”/>

<area shape=”rect” cords=”0, 0, 82, 126”

href=”matahari.htm” alt=”Matahari”/>’

<area shape=”circle” cords=”90,58,3”

href=”mercurius.htm” alt=”Mercurius”/>

<area shape=”circle” cords=”124, 58, 8”

href=”venus.htm” alt=”Venus”/>

</map>

<menu>

Digunakan untuk membuat daftar menu.

Contoh :

<menu>

<li>xhtml</li>

</menu>

<meta>

Digunakan untuk mendeskripsikan metadata sebuah dokumen HTML.

Contoh :

<html>

<head>

content=”Belajar Web”/>

content=”HTML, CSS, XML, JavaScript”/>

content=”eWolf”/>

content=”text/html;

charset=ISO-8859-1”/>

</head>

</html>

<noframes>

Digunakan untuk mangantisipasi jika browsertidak mendukung penggunaan frame.

Contoh :

Maaf, browser anda tidak mendukung frame

</noframes>

</frameset>

<noscript>

Digunakan untuk mengantisipasi jika browser tidak mendukung client side scripting atau jika fitur script dinonaktifkan.

Contoh :

Document.write(“Ini adalah javascript”)

</script>

Browser anda tidak mendukung

Javascript, periksa kembali

pengaturan browser

</noscript>

<ol>

Digunakan untuk membuat daftar order. Daftar bisa berupa nomor atau alphabet.

Contoh :

<ol>

<li>Web pribadi</li>

<li>facebook</li>

</ol>

<optgroup>

Digunakan untuk mengelompokan beberapa daftar pilihan.

Contoh :

<option value=”detik”>Detik</option>

</optgroup>

<option value=”glodokshop”>Glodok</option>

<option value=”bhineka”>Bhineka</option>

</optgroup>

</select>

<option>

Digunakan untuk menampilkan daftar pilihan.

Contoh :

<option value=”detik”>Detik</option>

</optgroup>

<option value=”glodokshop”>Glodok</option>

<option value=”bhineka”>Bhineka</option>

</optgroup>

</select>

<p>

Digunakan untuk membuat paragraph baru.

Contoh :

<h1>Bagaimana Cara Mempercepat IDM</h1>

<p><b>Berikut caranya:</b></p>

<p>1. Buka IDM (Internet Download Manager)

<p>

<p>

2. Klik Option

<p>

3. Pada Connection/ Speed, pilih Other, dan pada Default Max conn.number pilih 16

<p>

4. Tutup IDM

<p>

5. Klik Start, lalu klik Run dan tuliskan “regedit”, untuk pengguna Windows 8 bisa langsung saja klik start kemudian ketik "run" lalu tekan tombol ENTER

<p>

<p>

6. Klik OK

<p>

7. Jalankan Regedit/HKey_Current_User/Software/Download Manager

<p>

<p>

8. Pada sisi kanan jendela Registry double klik pada Connection Speed

<p>

9. Ganti hexadecimal jadi decimal isi dengan 999999999

<p>

10. OK

<p>

11. Klik File, lalu Exit

</p>

<param>

Digunakan untuk mendefinisikan parameter atau variable untuk sebuah elemen objek atau applet.

Contoh :

</object>

<pre>

Digunakan untuk mendefinisikan preformat teks.

Contoh:

<pre>

Teks dalam tag ini akan tampil seperti adanya dengan spasi dan jarak yang tetap

Tanpa adanya perubahan format

</pre>

<q>

Digunakan untuk mendefinisikan kutipan pada sebuah teks. Tag ini akan menambahkan tanda petik dua (quote) pada teks yang ditandai. Hampir semua browser mendukung tag ini, kecuali Internet Explorer.

Contoh :

Bill gates:<q>If you can’t make it good, at least make it look good.</q>

<s>

Digunakan untuk membuat tanda coretan pada teks seperti halnya pada tag <del>.

Contoh :

<b>Khusus Promo..<b><br>

Harga normal <s>Rp. 150.000</s> Harga diskon <ins>Rp. 130.000</ins>

<script>

Digunakan untuk mendefinisikan client side scripting dalam dokumen HTML.

Contoh :

Document.write(“Ini adalah javascript”)

</script>

Browser anda tidak mendukung

Javascript, periksa kembali

pengaturan browser

</noscript>

<select>

Digunakan untuk mendefinisikan daftar pilihan.

Contoh :

<option value=”detik”>Detik</option>

</optgroup>

<option value=”glodokshop”>Glodok</option>

<option value=”bhineka”>Bhineka</option>

</optgroup>

</select>

<small>

Digunakan untuk mendefinisikan teks berukuran kecil.

Contoh :

<small>HTML adalah kode dasar untuk membuat Web</small>

<span>

Digunakan untuk mendefinisikan bagian tertentu dari sebuah dokumen HTML. Tag ini sering digunakan bersamaan dengan CSS.

Contoh :

<head>

span.blue {color:lightskyblue;

font-weight:bold}

</style>

</head>

<body>

Kode dasar untuk membuat WEB adalah

</body>

<strike>

Digunakan untuk membuat tanda coretan pada teks seperti halnya pada tag <del> atau <s>

Contoh :

<b>Khusus Promo..<b><br>

Harga normal <strike>Rp. 150.000</strike> Harga diskon <ins>Rp. 130.000</ins>

<strong>

Digunakan untuk mempertegas tampilan suatu teks

Contoh :

Kode dasar untuk membuat web adalah <strong>HTML</strong>

<style>

Digunakan untuk mendefinisikan informasi style pada dokumen HTML.

Contoh :

<head>

<title>Muhammad Syahbandi M.Kom</title>

<style>

h1 {

font-family: Vijaya

}

</style>

</head>

<body>

Klik untuk membuka blog Muhammad Syahbandi M.Kom</a>

<h1>Bagaimana Cara Mempercepat IDM</h1>

<sub>

Digunakan untuk menformat teks subscript (dibawah garis).

Contoh :

Rumus senyawa kimia Air adalah H<sub>2</sub>O

<sup>

Digunakan untuk menformat teks superscript (diatas garis).

Contoh :

aX<sup>3</sup> + bX<sup>2</sup> + cX + y = 0

<table>

Digunakan untuk membuat table dalam halaman Web.

Contoh :

<caption>Daftar menu</caption>

<tr>

<td>Bakso</td>

<td>Nasi Goreng</td>

<td>Mie Rebus</td>

</tr>

</table>

<td>

Digunakan untuk mendefinisikan kolom dalam tabel.

Contoh :

<caption>Daftar Situs</caption>

<tr>

<th>Berita</th>

<th>Belanja</th>

</tr>

<tr>

<td>Detik</td>

<td>Glodokshop</td>

</tr>

</table>

<textarea>

Digunakan untuk mendefinisikan multiline input.

Contoh :

Salah satu aplikasi internet adalah web. HTML adalah kode

dasar untuk membuat web

</textarea>

<th>

Digunakan untuk mendefinisikan bagian atas dalam tabel.

Contoh :

<caption>Daftar Situs</caption>

<tr>

<th>Berita</th>

<th>Belanja</th>

</tr>

<tr>

<td>Detik</td>

<td>Glodokshop</td>

</tr>

</table>

<title>

Digunakan untuk mendefinisikan judul pada dokumen HTML.

Contoh :

<head>

<title>Muhammad Syahbandi M.Kom</title>

<style>

h1 {

font-family: Vijaya

}

</style>

</head>

<tr>

Digunakan untuk mendifinisikan baris pada tabel.

Contoh :

<caption>Daftar Situs</caption>

<tr>

<th>Berita</th>

<th>Belanja</th>

</tr>

<tr>

<td>Detik</td>

<td>Glodokshop</td>

</tr>

</table>

<u>

Digunakan untuk menambahkan garis bawah suatu teks.

Contoh :

<u>Muhammad Syahbandi M.Kom</u>

<ul>

Digunakan untuk membuat daftar yang tak berurut menggunakan symbol bullets.

Contoh :

<ul>

<li>xhtml</li>

</ul>

About

Popular Posts

Blogger templates

Blogger news

Translate

Pengikut

Blogroll

Total Tayangan Halaman

Archives

Materi kelas XI SMA HTML(Hyper Text Markup Language)

0 komentar:

Posting Komentar