"Membuat Tampilan Website Sederhana"
Dalam kasus ini menggunakan sublim text 3, sebenernya dengan notepad biasa bisa,,
1. Buka aplikasi untuk membuat html dan simpan dalam satu file khusus dengan ekstensi .html
2. Syntax dasar html
<html>
<head></head>
<body>Teks
yang akan ditampilkan di sini</body>
</html>
3. Bagian untuk mengedit <body></body>
Font,
size, and color : <font face=”…” size=”..” color=”…”> Font yang
diubah</font>
Paragraf :<p> Isi paragraf</p>
Perataan : <alignment
=….>Kalimat yang dialignment<alignment>
Rata
kanan(right), rata kiri (left), rata tengah (center), dan rata kanan-kiri
(justify).
Preformatted Text : <pre> Contoh: Penulisan
rumus</pre>
Line break : <hr align="…"
size="…" color="…">
4. Syntax untuk membuat tampilan gabmar pada web,
<IMG SRC="Lokasi gambar ">
contoh html tampilan web di atas:
<<!DOCTYPE html>
<html>
<head>
<title>Pemrograman Web </title>
</head>
<body bgcolor="#AFEEEE">
<p>
<ul>
<h1 align="center"><font face="comoc Sans MS" size="10" color="778899"> MY FIRST WEBSITE</font></h1>
<font face="comic Sans MS" size="11" color="black">
<ul>PEMROGRAMAN WEB</ul>
<div style="background-color:#FFEFD5; color:purple; padding:20px;">
<ul style="list-style-type:circle">
<li><a href="">Beranda</a></li>
<li><a href="">Tentang</a></li>
<li><a href="">Teknik Informatika</a></li>
<li><a href="">Kontak</a></li>
</ul>
</p>
<div class="cities">
<h2>Tentang</h2>
<p>Nama: Nur Farikhah<br>NIM:1500018145<br>Kelas: C</p>
</div>
<address>
visit us at<br>
fafa145.blogspot.com<br>
</address>
<section class="courses" >
<img src="IMG_9184.jpg" width="500px" height="350px" alt="Pweb">
<p>
<h4>Mengenal HTML</h4>
<img src="Untitled.png" width="300px" height="200px" alt="html">Hypertext Markup Language merupkan standard bahasa yang digunakan untuk menampilkan document web, yang bisa dilakukan dengan HTML adalah :<br>
a. Mengontrol tampilan dari web page dan contentnya. <br>
b. Mempublikasikan document secara online sehingga bisa diakses.<br>
c. Membuat online form yang bisa digunakan untuk menangani pendaftaran, transaksi secara online. <br>
d. Menambahkan object-object seperti image, audio, video dan juga java applet dalam document HTML. <br>
e. Membuat halaman web yang dapat dihubungkan dengan dokumen lain menggunakan link. <br>
</p>
<div id="footer">
Teknik Informatika UAD
</div>
</body>
</html>