HTML

Aboutme
<html>
<head>
<title> About_me.html </title>
</head>
<base target="target">
<body background="paper.jpg">
<blink> Assalamu Alaikum Warahmatullahi wabarakatuh
</blink> 
 Perkenalkan nama saya Fitrah Suci Insani(panggil uciha sasuke di kampus, kalo di
luar panggil uchi) 
Saat ini saya kuliah di Universitas Hasanuddin (UNHAS) Makassar Jurusan Matematika, prodi Statistika... 
Kamu dapat mangubah tulisan ini dan buat sendiri di rumahmu atau dimana saja yang kamu mau, MUDAH
kan!!!!!!!!!! 
Kalau sudah selesai,,, kamu bisa menguploadnya di web hosting gratis seperti byehost.com... 
Kalau mau tau lebih banyak tentang pembuatan website ini hubungi saja saya dijamin pasti bisa 
Kawand kamu masih ingat nggak cara melist???> 
<center>
<blink><img src="a.jpg"width=150
height=300></img src></blink>
</center>
<ul>
<li>Daftar 1</Li>
<li>Daftar 2</Li>
<li>Daftar 3</Li>
</Ul>
Mudah, dan menyenangkan bukan 
Membuat website itu menyenangkan dan juga bisa menghasilkan $(money)...fulus, dan bisa jadi kaya
hahha

</body>
</html>
Artikel
<html>
<head>
<title> Artikel.html </title>
</head>
<body background="R.GIF">
<blink> Artikel HTML </blink> 
 Belajar HTML yang merupakan dasar dari pembuatan website 
Ini merupakan artikel pertama yang saya tulis di website saya ini. Karena diwebsite ini saya akan membagi-bagikan
ilmu apa aja tentang pembuatan website, maka kita pelajari biangnya dulu, dasar dari semua dasar pembuatan
website yaitu HTML.
HTML (Hypertext Markup Language) merupakan bahasa yang digunakan untuk membuat website. Menggunakan
tag untuk mendeklarasikan sesuatu dan tag tersebut tidak ditampilkan tetapi tag tersebut memberi tahu browser
bagaimana cara menampilkan dokumen website. Serta dapat saling berhubungan dengan dokumen HTML lain
yang dikenal dengan istilah link.
Suatu halaman website sebenarnya hanya sebuah halaman teks, jika anda menggunakan browser internet explorer
dan anda mengklik view - source, maka anda dapat melihat teks dari web tersebut. Tetapi teks tersebut
diterjemahkan oleh browser menjadi halaman website yang enak dilihat. Teks merupakan bahasa universal bagi
komputer, yang berarti setiap dokumen teks (termasuk website) yang anda buat melalui Windows dapat dibaca di
sistem perasi lain seperti Mac OS, Linux, Unix dan lainnya.
HTML dan hal-hal yang berkaitan dengan website distandarisasi oleh sebuah badan yang disebut World Wide Web
Consortium (W3C). Standard terbaru, konsep dan proposal mengenai starndarisasi web dapat dilihat di
http://www.w3.org. Standar untuk HTML terbaru adalah HTML 4.0 yang telah didukung oleh bermacam-macam
browser seperti Microsoft Internet Explorer, Netscape Navigator, Opera, Mozilla, Safari dan masih banyak lagi.
Browser menterjemahkan tag yang terdapat pada dokumen HTML. Kita akan segera membicarakan mengenai tag.
Suatu halaman web merupakan file teks yang berarti anda dapat membuatnya hanya dengan menggunakan
notepad saja. Bahkan jika anda masih pertama kali mempelajari HTML, notepad merupakan alat yang tepat. Saya
menyarankan untuk menggunakan editplus karena menurut saya enak aja dipakainya, tetapi anda bebas
menggunakan teks editor lain.
Jika anda baru pertama kali mengenal HTML, hindari Program WYSIWIG (What You See Is What You Get) seperti
Dreamweaver atau Frontpage/Web Expression. Program-program ini memang memudahkan anda membuat
website tetapi anda akan kurang memahami HTML, gunakan Frontpage atau Dreamweaver apabila anda sudah
paham mengenai HTML.
Sekarang buka saja notepad anda dan kita mulai.
 
Kamu dapat mangubah tulisan ini dan buat sendiri di rumahmu atau dimana saja yang kamu mau, MUDAH
kan!!!!!!!!!! 
Kode HTML pertama
Buka notepad dan tuliskan kode dibawah ini
Hello World
Simpan file tersebut dengan nama hello.html didalam suatu folder (misal c:\webku) dan buka file HTML tersebut
dengan browser kesukaan anda. Hasilnya seperti ini:
Hello World!!
Oke jadi apa yang dimaksud oleh "<" dan ">", ketika anda menuliskan sesuatu diantara tanda "<" dan ">" maka
anda membuat sesuatu yang disebut dengan tag, kalau anda lihat dikamus bahasa inggris tag artinya tanda/label.
Sebagai contoh tag maksudnya untuk memulai huruf tebal (bold) dan tag merupakan tag penutup untuk
menghentikan huruf tebal.
Sebuah halaman HTML yang baik harus memiliki tag <head> dan <body>, tapi kita akan membicarakan masalah ini
belakangan. Yang penting sekarang pahami dulu mengenai tag HTML. Sekarang akan kita pelajari lebih jauh
mengenai tag HTML.
Tag HTML dibagi menjadi dua, yaitu tag HTML yang memiliki penutup (containers) atau yang berdiri sendiri
(standalone).
. 
Kalau mau tau lebih banyak tentang pembuatan website ini hubungi saja saya dijamin pasti bisa 
<center>Struktur Dokumen HTML</center>
Tadi sudah saya katakan bahwa HTML yang baik memiliki tag <head> dan <body>. <head> mendefiniskan bagian
header dari dokumen HTML yang berisi informasi mengenai dokumen HTML tersebut. Tag <head> tidak memiliki
atribut tetapi memiliki container khusus didalam header seperti <base>, <meta>, dan <title>. Tag <body>
mendefinisikan awal dari isi website dan ditutup dengan </body>. Tag <body> berisi isi dokumen yang akan tampil
di browser anda. Oke sekarang cobalah kode berikut ini:
<html>
<head>
<title>Your title</title>
</head>
<body bgcolor="#cccccc">
Hello World!!
</body>
</html>

</body>
</html>
BIODATA
<html>
<head>
<title> Biodata.html </title>
</head>
<body background="w.gif">
<table width="1000" border="100"
<tr>
<td colspan="3"> <h2 align="center">
Biodata Anak Alay </h2> </td></tr>
<img src="a.jpg"width=100
height=200></img src> <img src="b.jpg"width=100
height=200></img src>
<tr>
<td> Nama Lengkap </td><td>:</td>
<td> Fitrah Suci Insani <img src="warna.jpg"width=100
height=100></img src> </td>
</tr>
<tr>
<td> Call me </td><td>:</td>
<td> Uchiha sasuke </td>
</tr>
<tr>
<td> Ttl </td><td>:</td>
<td> Makassar, 15 Juni 1991 </td>
</tr>
<tr>
<td> Alamat E-mail_Quuw </td><td>:</td>
<td> Insanifitrahsuci@rocketmail.com </td>
</tr>
<tr>
<td> Nama FB </td><td>:</td>
<td> Fitrah 'uchi'Insani(add nah) </td>
</tr>
<tr>
<td> Kuliah </td><td>:</td>
<td> Universitas Hasanuddin </td>
</tr>
<tr>
<td> Jurusan/Prodi </td><td>:</td>
<td> Matematika/Statistika </td>
</tr>
<tr>
<td> Angkatan </td><td>:</td>
<td> Stat '10 </td>
</tr>
<tr>
<td> No. HP </td><td>:</td>
<td> 08991709380 </td>
</tr>
<tr>
<td> Alamat </td><td>:</td>
<td> Jl. Parinring 2 No. 49 Perumnas Antang </td>
</tr>
<tr>
<td> Nama Ayah </td><td>:</td>
<td> Drs. Muh. Ashar Hamid </td>
</tr>
<tr>
<td> Nama Ibu </td><td>:</td>
<td> Dra. Nurdjannah </td>
</tr>
<tr>
<td> Resolusi 2010 </td><td>:</td>
<td> Punya IPK 3.75;Jadi sukses, (amin) </td>
</tr>
<tr>
<td> Motto Hidup </td><td>:</td>
<td> Use your mine be the best </td>
</tr>
<tr>
<td> Pesan untuk lab PTI </td><td>:</td>
<td> Panas, tambah AC kakak </td>
</tr>
<tr>
<td> Kesan </td><td>:</td>
<td> Asistennya baek-baek semua tawwa </td>
</tr>
</body>
</html>
INDEX
<html>
<head>
<title> Index.html </title>
</head>
<frameset rows="30%,70%">
<frame src="top.html" frameborder="1" noresize scrolling="no">
<frameset cols="25%,*">
<frame src="menu.html" frameborder="1" noresize="noresize">
<frame src="isi.html" name="target" frameborder="1">
</frameset>
</frameset>
</html>
ISI
<html>
<head>
<title>Isi.html</title>
</head>
<body background="c.jpg">
<center>
 
<blink>Welcome to my personal
Website......:D</blink> Website ini
berisi tentang semua data serta profil uchi^_^
Kamu bisa dapat informasi apa saja tentang diriku hahahah, so mau tau makanya buka website ku nah
hahha......:D 
Sory yah kalo masih agak kacau, coz baru BELAJAR,so kalian semua harap maklum 
<blink><img src="l.jpg"width=150
height=500></blink>
 uchie
</center>
</body>
</html>
MENU
<html>
<head>
<title> Menu.html </title>
</head>
<body background="s.jpg">
 Pilihan Menu
 
<ul>
[<a href="isi.html"><img src="tu.GIF">HOME</img></a>] 
[<a href="aboutme.html"><img src="wa.GIF">ABOUT</img></a>]
 
[<a href="biodata.html"><img src="ga.GIF">BIODATA</img></a>]
 
[<a href="artikel.html"><img src="pat.GIF">ARIKEL</img></a>]
 
</ul>

</body>
</html>
TOP
<html>
<head>
<title> top.html </title>
</head>
<body>
<body background="f.jpg">

<h1 align="center"> <marquee>Welcome To Personal and first website </marquee></h1>
<h4 align="center"> Website ini memuat tentang data-data dan pengalaman-pengalaman hidupku </h2> 

</body>
</html>

HTML

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

HTML

Uploaded by

Copyright:

Available Formats

Aboutme

You might also like