CONTOH CARA MEMBUAT BLOG PADA HTML MENGGUNAKAN SUBLINE
Hyper Text Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan dalam format ASCII normal sehingga menjadi halaman web dengan perintah-perintah HTML. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut denganSGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C). HTML dibuat oleh kolaborasi Caillau TIM dengan Berners-lee Robert ketika mereka bekerja di CERN pada tahun 1989 (CERN adalah lembaga penelitian fisika energi tinggi di Jenewa)
Berikut adalah contoh pembuatan blog pada HTML
1. cara membuat frame
<!DOCTYPE html>
<html>
<head>
<title>sitti chaerunisa aulia</title>
</head>
<frameset rows="28%,*" border="4">
<frame name="welcome" src="atas.html" scrolling="no" />
<frameset cols="23%,*" border="4" rows="20px">
<frame name="menu" src="tepi.html" scrolling="no" />
<frame name="content" src="home.html" />
</frameset>
</html>
2. cara membuat menu pada bagian tepi frame
<!DOCTYPE html>
<html>
<head>
<title>menu</title>
<base target="content">
</head>
<body background="pineapple20.jpg">
<font face="Arial" color="000000">
<h2>
<ul>
<li><a target="_blank" href="lengkap.html"><font color="black"><font face="broadway">Home</font></a></li>
<br>
<li><a href="biodata.html"><font color="black"><font face="broadway">Profile</font></a></li>
<br>
<li><a href="krss.html"><font color="black"><font face="broadway">KRS</font></a></li>
<br>
<li><a href="video.html"><font color="black"><font face="broadway">Video</font></a></li>
</ul>
</h2>
</font>
<marquee behavior="alternate"><img src="pineapple7a.jpg" width="100" height="100"></marquee>
<audio controls>
<source src="airballoon.mp3" type="audio/mp3">
</audio>
</body>
</html>
3. cara membuat pada bagian atas
<!DOCTYPE html>
<html>
<body background="pineapple19.png">
<center>
<video width="500" height="500" controls>
<source src="IMG_4022.mp4" type="video/mp4">
</video>
</body>
</html>
4. cara menambahkan menu pada bagian tepi menu
a. home
<!DOCTYPE html>
<html>
<body background="index.jpg">
<center>
<b>
<p><font face="times new roman" color="black" size="5">NAMA: SITTI CHAERUNISA AULIA M
<P>NIM: H12116504
<P>KELOMPOK: MONITOR
<P>ID: 0141
<p> <img src="logo.jpg">
<p>ASISTEN:
<p>1. ANDI FAHRUDDIN AKAS
<p>2. ANDI SAYUDI
<p>3. SETIAWAN ACHMAD
<p>4. HEDI KUSWANTO
<p>5. RACHMAT DARMAWAN
<p>6. IRWAN BUDIANSYAH
<p>7. RUSNI SAMSIR
<p>8. NIRMALASARI
<P>LABORATORIUM REKAYASA PERANGKAT LUNAK
JURUSAN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS HASANUDDIN
MAKASSAR
2016 </font><P/>
</b>
</body>
</html>
b. biodata
<!DOCTYPE html>
<html>
<head>
<title>menu</title>
<base target="content">
</head>
<body background="pineapple20.jpg">
<font face="Arial" color="000000">
<h2>
<ul>
<li><a target="_blank" href="lengkap.html"><font color="black"><font face="broadway">Home</font></a></li>
<br>
<li><a href="biodata.html"><font color="black"><font face="broadway">Profile</font></a></li>
<br>
<li><a href="krss.html"><font color="black"><font face="broadway">KRS</font></a></li>
<br>
<li><a href="video.html"><font color="black"><font face="broadway">Video</font></a></li>
</ul>
</h2>
</font>
<marquee behavior="alternate"><img src="pineapple7a.jpg" width="100" height="100"></marquee>
<audio controls>
<source src="airballoon.mp3" type="audio/mp3">
</audio>
</body>
</html>
c. audio
<!DOCTYPE html>
<html>
<body>
<img src="kuda.jpg" style="float:left;width:304px;height228px;">
<audio autoplay>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
</body>
</html>
d. krs
<!DOCTYPE html>
<html>
<head>
<title>kartu rencana study</title>
<body background="pastel.png">
<img style="float:left; margin:0 10px 0 0; padding:0;" src="unhas.png" alt="logo">
<h1>Universitas Hasanuddin</h1>
<h3>FAKULTAS Matematika dan Ilmu Peng. Alam</h3><br>
<h2 align="center">KARTU RENCANA STUDI</h2>
<h3 align="center">Semester : Ganjil 2016 / 2017</h3> <br>
<table width="100%">
<tbody><tr>
<td width="15%" nowrap="nowrap">Nama</td>
<td width="2%">:</td>
<td width="38%" nowrap="nowrap">SITTI CHAERUNNISA AULIA M</td>
<td rowspan="5" width="50%" align="right">
<br><br><right><img src="foto.jpg"></right></div></td>
</tr>
<tr>
<td nowrap="nowrap">NIM</td>
<td nowrap="nowrap">:</td>
<td nowrap="nowrap">H12116504</td>
</tr>
<tr>
<td nowrap="nowrap">Program Studi</td>
<td nowrap="nowrap">:</td>
<td nowrap="nowrap">Statistika - S1 Reguler</td>
</tr>
<tr>
<td nowrap="nowrap">Dosen PA</td>
<td nowrap="nowrap">:</td>
<td nowrap="nowrap">Dr., Erna Tri Herdiani, S.Si., M.Si.</td>
</tr>
</tbody></table>
<br>
<table border="1" width="100%">
<tbody><tr>
<th rowspan="2">No.</th>
<th rowspan="2">Kelas</th>
<th colspan="2" rowspan="1">Matakuliah</th>
<th rowspan="2">SKS</th>
<th rowspan="2">Ke</th>
<th colspan="7">Jadwal</th>
</tr>
<tr>
<th>Kode</th>
<th>Nama</th>
<th width="8%">Sn</th>
<th width="8%">Sl</th>
<th width="8%">Rb</th>
<th width="8%">Km</th>
<th width="8%">Jm</th>
<th width="8%">Sb</th>
<th width="8%">Mg</th>
</tr>
<tr>
<td nowrap="nowrap" align="center">1</td>
<td nowrap="nowrap">Pengantar Ilmu Komputer D</td>
<td nowrap="nowrap">101H1313</td>
<td><div class="nama" style="width:110px;">Pengantar Ilmu Komputer</div></td>
<td nowrap="nowrap" align="center">3</td>
<td nowrap="nowrap" align="center">1</td>
<td nowrap="nowrap" align="center">13:10-15:40</td>
<td nowrap="nowrap" align="center"></td>
<td nowrap="nowrap" align="center"></td>
<td nowrap="nowrap" align="center"></td>
<td nowrap="nowrap" align="center"></td>
<td nowrap="nowrap" align="center"></td>
<td nowrap="nowrap" align="center"></td>
</tr>
<tr>
<td nowrap="nowrap" align="center">2</td>
<td nowrap="nowrap">STATISTIKA + MAH. LAMA</td>
<td nowrap="nowrap">016U0033</td>
<td><div class="nama" style="width:110px;">Matematika Dasar I</div></td>
<td nowrap="nowrap" align="center">3</td>
<td nowrap="nowrap" align="center">1</td>
<td nowrap="nowrap" align="center">10:10-12:40</td>
<td nowrap="nowrap" align="center"></td>
<td nowrap="nowrap" align="center"></td>
<td nowrap="nowrap" align="center"></td>
<td nowrap="nowrap" align="center"></td>
<td nowrap="nowrap" align="center"></td>
<td nowrap="nowrap" align="center"></td>
</tr>
<tr>
<td nowrap="nowrap" align="center">3</td>
<td nowrap="nowrap">STATISTIKA + MHS LAMA</td>
<td nowrap="nowrap">021U0032</td>
<td><div class="nama" style="width:110px;">Fisika Dasar 1</div></td>
<td nowrap="nowrap" align="center">2</td>
<td nowrap="nowrap" align="center">1</td>
<td nowrap="nowrap" align="center"></td>
<td nowrap="nowrap" align="center"></td>
<td nowrap="nowrap" align="center"></td>
<td nowrap="nowrap" align="center">07:30-09:10</td>
<td nowrap="nowrap" align="center"></td>
<td nowrap="nowrap" align="center"></td>
<td nowrap="nowrap" align="center"></td>
</tr>
<tr>
<td nowrap="nowrap" align="center">4</td>
<td nowrap="nowrap">statistika+ mh lama</td>
<td nowrap="nowrap">030U0032</td>
<td><div class="nama" style="width:110px;">Biologi Dasar</div></td>
<td nowrap="nowrap" align="center">2</td>
<td nowrap="nowrap" align="center">1</td>
<td nowrap="nowrap" align="center">07:30-09:10</td>
<td nowrap="nowrap" align="center"></td>
<td nowrap="nowrap" align="center"></td>
<td nowrap="nowrap" align="center"></td>
<td nowrap="nowrap" align="center"></td>
<td nowrap="nowrap" align="center"></td>
<td nowrap="nowrap" align="center"></td>
</tr>
<tr>
<td nowrap="nowrap" align="center">5</td>
<td nowrap="nowrap">Statistika + Mala</td>
<td nowrap="nowrap">025U0032</td>
<td><div class="nama" style="width:110px;">Kimia Dasar</div></td>
<td nowrap="nowrap" align="center">3</td>
<td nowrap="nowrap" align="center">1</td>
<td nowrap="nowrap" align="center"></td>
<td nowrap="nowrap" align="center">07:30-09:10</td>
<td nowrap="nowrap" align="center"></td>
<td nowrap="nowrap" align="center"></td>
<td nowrap="nowrap" align="center"></td>
<td nowrap="nowrap" align="center"></td>
<td nowrap="nowrap" align="center"></td>
</tr>
<tr>
<td nowrap="nowrap" align="center">6</td>
<td nowrap="nowrap">B.INA14</td>
<td nowrap="nowrap">009U0032</td>
<td><div class="nama" style="width:110px;">Bahasa Indonesia</div></td>
<td nowrap="nowrap" align="center">2</td>
<td nowrap="nowrap" align="center">1</td>
<td nowrap="nowrap" align="center"></td>
<td nowrap="nowrap" align="center">15:45-17:25</td>
<td nowrap="nowrap" align="center"></td>
<td nowrap="nowrap" align="center"></td>
<td nowrap="nowrap" align="center"></td>
<td nowrap="nowrap" align="center"></td>
<td nowrap="nowrap" align="center"></td>
</tr>
<tr>
<td nowrap="nowrap" align="center">7</td>
<td nowrap="nowrap">PAI 56</td>
<td nowrap="nowrap">001U0032</td>
<td><div class="nama" style="width:110px;">Pendidikan Agama Islam</div></td>
<td nowrap="nowrap" align="center">2</td>
<td nowrap="nowrap" align="center">1</td>
<td nowrap="nowrap" align="center"></td>
<td nowrap="nowrap" align="center"></td>
<td nowrap="nowrap" align="center"></td>
<td nowrap="nowrap" align="center"></td>
<td nowrap="nowrap" align="center">15:45-17:25</td>
<td nowrap="nowrap" align="center"></td>
<td nowrap="nowrap" align="center"></td>
</tr>
<tr>
<td nowrap="nowrap" align="center">8</td>
<td nowrap="nowrap">WSBM 18</td>
<td nowrap="nowrap">007U0032</td>
<td><div class="nama" style="width:110px;">Wawasan Sosial Budaya Maritim</div></td>
<td nowrap="nowrap" align="center">2</td>
<td nowrap="nowrap" align="center">1</td>
<td nowrap="nowrap" align="center"></td>
<td nowrap="nowrap" align="center"></td>
<td nowrap="nowrap" align="center">13:30-15:10</td>
<td nowrap="nowrap" align="center"></td>
<td nowrap="nowrap" align="center"></td>
<td nowrap="nowrap" align="center"></td>
<td nowrap="nowrap" align="center"></td>
</tr>
<tr>
<td nowrap="nowrap" align="center">9</td>
<td nowrap="nowrap">PAN 20</td>
<td nowrap="nowrap">012U0032</td>
<td><div class="nama" style="width:110px;">Pancasila</div></td>
<td nowrap="nowrap" align="center">2</td>
<td nowrap="nowrap" align="center">1</td>
<td nowrap="nowrap" align="center"></td>
<td nowrap="nowrap" align="center"></td>
<td nowrap="nowrap" align="center"></td>
<td nowrap="nowrap" align="center">15:30-17:25</td>
<td nowrap="nowrap" align="center"></td>
<td nowrap="nowrap" align="center"></td>
<td nowrap="nowrap" align="center"></td>
</tr>
<tr>
<td colspan="4" class="right" align="center"><strong>JUMLAH KREDIT </strong></td>
<td align="center"><strong>21</strong></td>
<td colspan="8"> </td>
</tr>
</tbody></table>
<br>
<pattemplate:tmpl name="prestasi">
<table class="tabel-info">
<tbody><tr>
<td width="100" align="left">IP Semester lalu</td>
<td class="left">: 0.00</td>
</tr>
<tr>
<td width="100" align="left">Maks sks</td>
<td class="left">: 24 sks</td>
</tr>
</head>
</body>
</html>
e. video
<!DOCTYPE html>
<html>
<body background="pineapple19.png">
<center>
<video width="500" height="500" controls>
<source src="IMG_4022.mp4" type="video/mp4">
</video>
</body>
</html>
Dan hasilnya akan seperti ini
nisa kod apa kamu itu pusing ka lihat i
BalasHapusKeren. Ditunggu info selanjutnya
BalasHapuskeren kaka
BalasHapusTerima kasih infonya kak
BalasHapusSembarangmo
BalasHapusMantap
BalasHapusHalo sasa
BalasHapusMunculma lgi
BalasHapusSekalipi
BalasHapusSedikmo
BalasHapusTidak total
BalasHapusAdakah
BalasHapusbuah rambutan
BalasHapusdaun kedondong
hay mantan
balikan lagi dong xD