Rabu, 26 Oktober 2016

Link dan Navigasi (HTML)

<html>
<head>
<title>Example Cafe - comunity cafe in Newquay,Cornwal,UK</title>
</head>
<body>
<h1>EXAMPLE CAFE</h1>
<div>
<a href="index.html">HOME</a>
MENU
<a href="recipes.html">RECIPES</a>
<a href="contact.html">CONTACT</a>
</div>
<p><a href="#starters">Starters</a> | <a
href="#mains">Main Courses</a> | <a
href="#desserts">Desserts</a></p>
<h1>Menu</h1>
<h2><a id="starters">Starters</a></h2>
<ul>
<li>Honey Soy Chicken Kebabs</li>
<li>Seafood Salad</li>
</ul>
<p><small><a href=#"top"Back to top</a></small></p>
<h2><a id="mains">Mains courses</a></h2>
<ul>
<li>Beef Tournados with Mustard and Dill
Sauce</li>
<li>Roast Chicken Salad</li>
<p><small><a href=#"top"Back to top</a></small></p>
<h2><a id="#desserts">Desserts</a></h2>
<ul>
<h1>Pecan Pie(<a href="vege">v</a>)</li>
<li>Selection of Fine Cheeses from Around the
World</li>
</ul>
<p><small><a href=#"top">Back to top</a></small></p>
</body>
</html>

Diposting oleh di Tidak ada komentar:

Link dan Navigasi (HTML)

<html>
<head>
<title>Example Cafe - comunity cafe in Newquay,Cornwal,UK</title>
</head>
<body>
<h1>EXAMPLE CAFE</h1>
<div>
<a href="index.html">HOME</a>
MENU
<a href="recipes.html">RECIPES</a>
<a href="contact.html">CONTACT</a>
</div>
<p><a href="#starters">Starters</a> | <a
href="#mains">Main Courses</a> | <a
href="#desserts">Desserts</a></p>
<h1>Menu</h1>
<h2><a id="starters">Starters</a></h2>
<ul>
<li>Honey Soy Chicken Kebabs</li>
<li>Seafood Salad</li>
</ul>
<p><small><a href=#"top"Back to top</a></small></p>
<h2><a id="mains">Mains courses</a></h2>
<ul>
<li>Beef Tournados with Mustard and Dill
Sauce</li>
<li>Roast Chicken Salad</li>
<p><small><a href=#"top"Back to top</a></small></p>
<h2><a id="#desserts">Desserts</a></h2>
<ul>
<h1>Pecan Pie(<a href="vege">v</a>)</li>
<li>Selection of Fine Cheeses from Around the
World</li>
</ul>
<p><small><a href=#"top">Back to top</a></small></p>
</body>
</html>

Diposting oleh di Tidak ada komentar:
<html>
<head>
<title>Example Cafe - comunity cafe in Newquay,Cornwal,UK</title>
</head>
<body>
<h1>EXAMPLE CAFE</h1>
<div>
<a href="index.html">HOME</a>
MENU
<a href="recipes.html">RECIPES</a>
<a href="contact.html">CONTACT</a>
</div>
<p><a href="#starters">Starters</a> | <a
href="#mains">Main Courses</a> | <a
href="#desserts">Desserts</a></p>
<h1>Menu</h1>
<h2><a id="starters">Starters</a></h2>
<ul>
<li>Honey Soy Chicken Kebabs</li>
<li>Seafood Salad</li>
</ul>
<p><small><a href=#"top"Back to top</a></small></p>
<h2><a id="mains">Mains courses</a></h2>
<ul>
<li>Beef Tournados with Mustard and Dill
Sauce</li>
<li>Roast Chicken Salad</li>
<p><small><a href=#"top"Back to top</a></small></p>
<h2><a id="#desserts">Desserts</a></h2>
<ul>
<h1>Pecan Pie(<a href="vege">v</a>)</li>
<li>Selection of Fine Cheeses from Around the
World</li>
</ul>
<p><small><a href=#"top">Back to top</a></small></p>
</body>
</html>

Diposting oleh di Tidak ada komentar:
<html>
<head>
<title>Example Cafe - comunity cafe in Newquay,Cornwal,UK</title>
</head>
<body>
<h1>EXAMPLE CAFE</h1>
<div>
<a href="index.html">HOME</a>
MENU
<a href="recipes.html">RECIPES</a>
<a href="contact.html">CONTACT</a>
</div>
<p><a href="#starters">Starters</a> | <a
href="#mains">Main Courses</a> | <a
href="#desserts">Desserts</a></p>
<h1>Menu</h1>
<h2><a id="starters">Starters</a></h2>
<ul>
<li>Honey Soy Chicken Kebabs</li>
<li>Seafood Salad</li>
</ul>
<p><small><a href=#"top"Back to top</a></small></p>
<h2><a id="mains">Mains courses</a></h2>
<ul>
<li>Beef Tournados with Mustard and Dill
Sauce</li>
<li>Roast Chicken Salad</li>
<p><small><a href=#"top"Back to top</a></small></p>
<h2><a id="#desserts">Desserts</a></h2>
<ul>
<h1>Pecan Pie(<a href="vege">v</a>)</li>
<li>Selection of Fine Cheeses from Around the
World</li>
</ul>
<p><small><a href=#"top">Back to top</a></small></p>
</body>
</html>

Diposting oleh di Tidak ada komentar:

Selasa, 25 Oktober 2016

scrip untuk membuat WEB sederhana dengan HTML

<html>
<head>
<body>
<title>WELCOME TO MY WEBSITE</title>
<title>MY POETRY</title>
</head>
<body>
<marquee direction="left" scrollamount="20" align="center" behavior="alternate"><font size="18"face="segoe script"><strong><i>WELCOME TO MY WEBSITE </i></marquee>
<div align="center"><fontface="monotypecorsiva"size"20"colour="red"><marquee direction=left scrollamount=8><img src="maria.jpg"width=200 height=185</marquee direction>
<div align="center"><fontface="monotypecorsiva"size"20"colour="red"><marquee direction=left scrollamount=8><img src="nigka.jpg"width=200 height=185</marquee direction>
<div align="center"><fontface="monotypecorsiva"size"20"colour="red"><marquee direction=left scrollamount=8><img src="Reni.jpg"width=200 height=185</marquee direction>
<div align="center"><fontface="monotypecorsiva"size"20"colour="red"><marquee direction=left scrollamount=8><img src="saya.jpg"width=200 height=185</marquee direction>
<div align="center"><fontface="monotypecorsiva"size"20"colour="red"><marquee direction=left scrollamount=8><img src="she.jpg"width=200 height=185</marquee direction>
<a href=http://www.amikparbina.ac.id alt="Situs Amik Parbina ">
<bgcolor="blue">
<h1>SORTA SIANTURI</h1>
<marquee direction="left" scrollamount=40" align="center"><font size="18"face="segoe script"><strong><i>sHE POETRY</i></marquee>
<ul>
<li></span>
<ul>
<li>PEMATANG SIANTAR</li>
<li>SUMATERA UTARA</li>
<li>SIANTAR</li>
</ul>
</li>
<li>ASLI LOH BATAK</span>
<ul>
<li>SABAR</span>
<ul>
<li>FINE</li>
<li>FUN</li>
</ul>
</body>
</html>
Diposting oleh di Tidak ada komentar:

Kamis, 20 Oktober 2016

<html>
<head>
<title>A basic link to another page</title>
</head>
<body>
<p>Return to the <a href="index.html">index
page</a>.</p>
</body>
</html>

<html>
<head>
<title>A basic link to an external web site</title>
</head>
<body>
<p>Why not visit the <a
href="http://www.wrox.com/">Wrox Web site</a>?</p>
</body>
</html>

<html>
<head>
<title>A link to send an email</title>
</head>
<body>
<p><a
href="mailto:name@example.com">name@example.com</a></p>
</body>
</html>

<html>
<head>
<title>A link with a title attribute-hover over the link to see the tooltip appear</title>
</head>
<body>
<p><a href="http://www.Google.com/" title="Search the web with Google">Google</a> is a very popular search engine.</p>
</body>
</html>

Diposting oleh di Tidak ada komentar:

Selasa, 18 Oktober 2016

<html>
<head>
<title>Website Pertamaku</title>
</head>
<body>
<h1>Website Pertamaku</h1>
<p>Hallo apa kabar,ini adalah web buatanku yang pertama kali.</p>
<p>Namaku adalah Sorta Maria Renigka Sianturi,Kuliah di AMIK BINUS.</p>
<p>Aku sekarang tingkat 2 semester 3 tepatnya dikelas pagi.</p>
<h3>Kalok webnya kurang bagus,harap maklum yah,Kan masih banyak yang belum dipelajari.</h>
</body>
</html>
<table width="100"border="2"
cellspacing="2"cellpadding="2">
<tr>
<td bgcolor="#0000FF"> &nbsp;</td>
<td bgcolor="#FFFF66"> &nbsp;</td>
<td rowspan="2"
bgcolor="#FF3366"> &nbsp;</td>
</tr>
<tr>
<td colspan="2"
bgcolor="#33CC66"> &nbsp;</td>
</tr>
<tr>
<td colspan="3"
bgcolor="#FFCC99"> &nbsp;</td>
</tr>
</table>


<table width="100"border="0"
cellspacing="0"cellpadding="0">
<tr>
<td bgcolor="#0000FF"> &nbsp;</td>
<td bgcolor="#FFFF66"> &nbsp;</td>
<td rowspan="2"
bgcolor="#FF3366"> &nbsp;</td>
</tr>
<tr>
<td colspan="2"
bgcolor="#33CC66"> &nbsp;</td>
</tr>
<tr>
<td colspan="3"
bgcolor="#FFCC99"> &nbsp;</td>
</tr>
</table>



Diposting oleh di Tidak ada komentar:
<html>
<head>
<title>A basic link to another page</title>
</head>
<body>
<p>Return to the <a href="index.html">index
page</a>.</p>
</body>
</html>

<html>
<head>
<title>A basic link to an external web site</title>
</head>
<body>
<p>Why not visit the <a
href="http://www.wrox.com/">Wrox Web site</a>?</p>
</body>
</html>

<html>
<head>
<title>A link to send an email</title>
</head>
<body>
<p><a
href="mailto:name@example.com">name@example.com</a></p>
</body>
</html>

<html>
<head>
<title>A link with a title attribute-hover over the link to see the tooltip appear</title>
</head>
<body>
<p><a href="http://www.Google.com/" title="Search the web with Google">Google</a> is a very popular search engine.</p>
</body>
</html>

Diposting oleh di Tidak ada komentar:

Minggu, 16 Oktober 2016

<html>
<head>
<title>Membuat Link dan Menampilkan Gambar</title>
</head>
<body bgcolor="black"text="white">
<a id="atas"><div align="center"><h1>Tiga Nama Satu Akar</h1></a>
Tiga nama tersebut adalah <a href="#art">Art Du Deplacement</a>,<a href="#park">
Parkour</a>dan <a href="#fre">Free Running</a>,<br><img src="download.jpg"height=50%
width=40%><hr></div>
<p><h3><a id="art"Art Du Deplacement</a></h3>
<p align="justify">
<img src="dora.jpg"width="120"height="120"hspace="5"vspace="5">Art Du Deplacement bisa dikatakan sebagai seni berpindah tempat atau seni bergerak dari satu tempat ketempat lain.
dibawah label Majestik Force.<br><br><br><p><a id="park"><h3>Parkour</h3></a>
<p align="justify"><img src="well.png"width="120"height="120"hspace="5"vspace="5"
align="justify">Parkour merupakan sebuah disiplin yang diterapkan oleh David Belle setelah meninggalkan Yamakasi.
<br><br><br><p><a id="fre"><h3><Free Running</h3></a>
<p align="justify"><img src="well.png"width="120"height="120"hspace="5"vspace="5">Free
Running adalah sebuah evolusi dari cara bergerak dan disiplin yang telah ada.
<br><br><br><p><a id="awal"><h3>Awal Mula</h3></a>
<p align="justify"><img src="dora.jpg"width="120"height="120"hspace="5"vspace="5">Art Du Deplacement bisa dikatakan sebagai seni berpindah tempat atau seni bergerak dari satu tempat ketempat lain.
align="center">Semuanya bermula dari sebuah konsep Methode Naturalle karya Georges Hebert.
<p>Sumber;<br>Wikipedia<br>
<u>Art Du Depalcement</u><i><a href=http://www.majesticforce.com>
http://www.majesticforce.com</a></i><br><u>Sebastian Faucan - Freerunning
Ambassador</u><i><a href=http://www.foucan.com/?page_id=65>
http://www.foucan.com/?page_id=65</a></i><br>
<u>David Belle Parkour Official Blog</u><i><a
href=http://www.sportmediaconcept.com/parkour/</a></i>
<p>Navigasi<br>
<a href="#atas">Tiga Nama</a>&nbsp;&nbsp;&nbsp;
<a href="#art">Art Du Deplacement</a>&nbsp;&nbsp;&nbsp;
<a href="#park">Park</a>&nbsp;&nbsp;&nbsp;
<a href="#fre">Free Running</a>&nbsp;&nbsp;&nbsp;
</body>
</html>

Diposting oleh di Tidak ada komentar:

Kamis, 13 Oktober 2016

file:///C:/Users/DELL/Documents/verte.html
<html>
<head>
<title>Vertebrata</title>
</head>
<body>
<h1>Vertebrata</h1>
<ul>
<li>Ikan</span>
<ul>
<li>Patin</li>
<li>Guram</li>
<li>Mujair</li>
</ul>
</li>
<li>Amfibi</span>
<ul>
<li>Ordo Anura</li>
<ul>
<li>Katak Hijau</li>
<li>Katak Darat</li>
<li>Katak Ungu</li>
</ul>
</li>
<li>Ordo Urodela
<ul>
<li>Salamander</li>
<li>Mudpuppy</li>
</ul>
</li>
Diposting oleh di Tidak ada komentar:
<html>
<head>
<title>membuat daftar dan font</title>
</head>
<body bgcolor="gray"text="blue">
<div align="center"><font face="monotype corsiva"size="12"color="red">pengetahuan tidak akan datang tanpa ada usaha untuk mencarinya </font><hr></div>
<div align="right"><h3>berikut ini adalah 7 keajaiban terbaru versi cnn:</h3>
<ol>
<li>Grand Canyon</li>
<li>Great Barrier Reef</li>
<li>Mount Everest</li>
<li>Air Terjun Victoria</li>
<li>Northern Lights</li>
<li>Volcano Paricutin</li>
<li>Pelabuhan Rio De Janeiro</li>
<ul></div>
<font color ="yellow"><p align="center"> Nama <b><i>Air Terjun Victoria</i></b>sendiri diberikan oleh seorang penjelajah Austria,syarat-syarat untuk melakukan perjalanan penjelajahan diantaranya :
<ul>
<li>Membawa pakaian yang kuat dan ringan</li>
<li>Membawa sepatu dan sarung tangan yang kuat dan ringan</li>
<li>Membawa tas yang kuat dan mudah dibawa</li>
<li>Membawa perlatan masak dan makan</li>
<li>Membawa keperluan lain yang dibutuhkan</li>
<ul></font>
</div><p> Sebagaimana diketahui,setiap daerah yang dijadikan objek wisata,pasti memiliki beraneka ragam jenis makanan dan minuman,diantaranya:
<dl><font face="old english"color="green">
<dt>Makanan</font>
<dd>Nasi Goreng</dd>
<dd>Nasi Putih</dd>
<dd>Nasi Soto</dd>
<dd>Nasi Dongen</dd>
<dd>Mie Goreng</dd>
<dd>Mie Tembok</dd>
<dd>Mie Bakso</dd>
</dt><font face="old english"color="green"><dt>Minuman</font>
<dd>Teh Botol</dd>
<dd>Teh Manis Dingin</dd>
<dd>Teh Manis Panas</dd>
<dd>Susu Panas Dingin</dd>
<dd>Cendol</dd>
<dd>Bandreks</dd><dt></dl>
</body>
</html>

Diposting oleh di Tidak ada komentar:

Minggu, 09 Oktober 2016

sekedar sikap lelah yang membuat sikap menyerah .
sedikit menyerah dengan situasi.
hilang semua yang ada di memori semangat.
mencoba untuk bangkit dan abaikan yang menghadang.
mungkin sikap menyerah sedikit lebih kuat perannya.
Diposting oleh di Tidak ada komentar:

Kamis, 06 Oktober 2016

Skema Dasar HTML
<html>
<head>
<title>Pengaturan paragraph dan format karakter </title>
</head>
<body>
<h1>Pengaturan paragraf</h1>
<p>untuk melakukan pengaturan paragraph pada dokumen html,berbeda dengan pengaturan paragraf pada dokumen biasa. Kita tidak bisa membuat baris baru hanya menekan tanda <b>enter</b>.untuk membuat huruf menjadi miring <i>miring</i> kita dapat menambahkan elemen <code><I></code>,dan untuk membuat <u>garis miring</u> kita gunakan elemen <code><u></code>. Paragraph ini dibuat dengan perataan standar.
<p>ini adalah awal dari paragraph baru. Lihat jarak antara baris ini dengan baris diatas. <br> bandingkan dengan baris ini. Baris ini diturunkan dengan <em>pagebreak</em> dan elemen yang digunakan adalah <code><br></code>,<h3>bandingkan besar kalimat ini dengan judul diatas </h3>. Kalimat tesebut dibuat dengan <tt>heading h3</tt>,sedangkan judul menggunakan <big>heading h1</big>. <blockquote>semua orang yang mendapat julukan  <u>ahli</u>,<s>bukan</s> didapat dari lama belajar ukuran <s>bulan</s> apalagi <s>hari</s> atau <s>jam</s>. melainkan <u>tahun</u>,</blockquote>
1<sup>st</sup>,2<sup>nd</sup>,3<sup>rd</sup>,4<sup>th</sup>,5<sup>th</sup>,<sub>h20</sub>,X<sup>3</sup>,P<sub>3</sub>X<sup>4</sup>.
<hr>
<addres>
Ini tugas Praktikum HTML AMIK PARBINA 2016
</addres>



Diposting oleh di Tidak ada komentar:
PENGERTIAN HTML

HTML  adalah singkatan dari HyperText Markup Language yaitu bahasa pemrograman  standar yang digunakan untuk membuat sebuah halaman web, yang kemudian dapat diakses untuk menampilkan berbagai informasi di dalam sebuah penjelajah web Internet (Browser). HTML dapat juga digunakan sebagai link link antara file-file dalam situs atau dalam komputer dengan menggunakan localhost, atau link yang menghubungkan antar situs dalam dunia internet.

Supaya  dapat menghasilkan tampilan wujud yang terintegerasi Pemformatan hiperteks sederhana ditulis dalam berkas format ASCII sehingga menjadi halaman web dengan perintah-perintah HTML.
HTML merupakan sebuah bahasa yang bermula bahasa yang sebelumnya banyak dipakai di dunia percetakan dan penerbirtan yang disebut  Standard Generalized Markup Language (SGML).

Fungsi HTML (HyperText Markup Language)

HTML (HyperText Markup Language) adalah suatu bahasa yang menggunakan tanda-tanda tertentu (tag) untuk menyatakan kode-kode yang harus ditafsirkan oleh browser agar halaman tersebut dapat ditampilkan secara
benar.

Secara umum, fungsi HTML adalah untuk mengelola serangkaian data dan informasi sehingga suatu dokumen dapat diakses dan ditampilkan di Internet melalui layanan web.

Fungsi HTML yang lebih spesifik yaitu :

  1. Membuat halaman web.
  2. Menampilkan berbagai informasi di dalam sebuah browser Internet.
  3. Membuat link menuju halaman web lain dengan kode tertentu (hypertext).
 Skema Dasar HTML
<html>
<head>
<title>Pengaturan paragraph dan format karakter </title>
</head>
<body>
<h1>Pengaturan paragraf</h1>

<p>untuk melakukan pengaturan paragraph pada dokumen html,berbeda dengan pengaturan paragraf pada dokumen biasa. Kita tidak bisa membuat baris baru hanya menekan tanda <b>enter</b>.untuk membuat huruf menjadi miring <i>miring</i> kita dapat menambahkan elemen <code><I></code>,dan untuk membuat <u>garis miring</u> kita gunakan elemen <code><u></code>. Paragraph ini dibuat dengan perataan standar.
<p> ini adalah awal dari paragraf baru.lihat jarak antara baris ini dengan baris di atas .<br> bandingkan dengan baris ini.baris ini diturunkan dengan <em>page break </em> dan elemen yang di gunakan adalah <code> <br></code>.<h3>bandingkan besar kalimat ini dengan judul diatas</h3>.kalimat tersebut dibuat dengan <tt>heading h3</tt>,sedangkan judul menggunakan <big>heading h1</big>.<blockquote>semua orang yang mendapat julukan <u>ahli </u>,<s>buka</s>di dapat dari lama belajar ukuran  <s>bulan</s> apalagi <s>hari</s> atau <s>jam</s>.malainkan <u> Tahunan</u>.</blockquote>
Diposting oleh di Tidak ada komentar:
Langganan: Postingan (Atom)