ILMU KOMPUTER

Writing HTML Using Notepad or TextEdit

HTML can be edited by using a professional HTML editor like:

Adobe Dreamweaver
Microsoft Expression Web
CoffeeCup HTML Editor

However, for learning HTML we recommend a text editor like Notepad (PC) or TextEdit (Mac). We believe using a simple text editor is a good way to learn HTML.
Follow the 4 steps below to create your first web page with Notepad.

Step 1: Start Notepad

To start Notepad go to:
Start
    All Programs
        Accessories
            Notepad

Step 2: Edit Your HTML with Notepad

Type your HTML code into your Notepad:
Notepad

Step 3: Save Your HTML

Select Save as.. in Notepad's file menu.
When you save an HTML file, you can use either the .htm or the .html file extension. There is no difference, it is entirely up to you.
Save the file in a folder that is easy to remember, like w3schools.

Step 4: Run the HTML in Your Browser

Start your web browser and open your html file from the File, Open menu, or just browse the folder and double-click your HTML file.
The result should look much like this:
View in Browser

<!– –>	Memberi komentar atau keterangan. Kalimat yang terletak pada tag kontiner ini tidak akan terlihat pada browser
<a href>	Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut
<a name>	Membuat nama bagian yang didefinisikan pada link pada halaman yang sama
<applet>	Sebagai awal dari Java applets
<area>	Mendefinisikan daerah yang dapat diklik (link) pada image map
<b>	Membuat teks tebal
<basefont>	Membuat atribut teks default seperti jenis, ukuran dan warna font
<bgsound>	Memberi (suara latar) background sound pada halaman web
<big>	Memperbesar ukuran teks sebesar satu point dari defaultnya
<blink>	Membuat teks berkedip
<body>	Tag awal untuk melakukan berbagai pengaturan terhadap text, warna link & visited link
<br>	Pindah baris
<caption>	Membuat caption pada tabel
<center>	Untuk perataan tengah terhadap teks atau gambar
<comment>	Meletakkan komentar pada halaman web tidak tidak akan nampak pada browser
<dd>	Indents teks
<div>	Represents different sections of text.
<embed>	Menambahkan sound or file avi ke halaman web
<fn>	Seperti tag <a name>
<font>	Mengganti jenis, ukuran, warna huruf yang akan digunakan utk teks
<form>	Mendefinisikan input form
<frame>	Mendefinisikan frame
<frameset>	Mendefinisikan attribut halaman yang akan menggunakan frame
<h1> … <h6>	Ukuran font
<head>	Mendefinisikan head document.
<hr>	Membuat garis horizontal
<html>	Bararti dokumen html
<i>	Membuat teks miring
<img>	Image, imagemap atau an animation
<input>	Mendefinisikan input field pada form
<li>	Membuat bullet point atau baris baru pada list (berpasangan dengan tag <dir>, <menu>, <ol> and <ul> )
<map>	Mendefinisikan client-side map
<marquee>	Membuat scrolling teks (teks berjalan) – hanya pada MS IE
<nobr>	Mencegah ganti baris pada teks atau images
<noframes>	Jika browser user tidak mendukung frame
<ol>	Mendefinisikan awal dan akhir list
<p>	Ganti paragraf
<pre>	Membuat teks dengan ukuran huruf yg sama
<script>	Mendefinisikan awal script
<table>	Membuat tabel
<td>	Kolom pada tabel
<title>	Mendefinisikan title
<tr>	Baris pada tabel
<u>	Membuat teks bergaris bawah

KODE WARNA PADA HTML

Warna banyak gunanya, apalah artinya hidup tanpa warna, monoton hanya hitam dan putih, waw..... gak ceria dong.
Kadang kita mengalami kesulitan dalam mencari kode warna sebagai referensi untuk mempercantik tampilan blog kita, misal mengganti warna template, memberi warna-warna pada isi postingan, contoh di postingan saya sebelumnya mengenai Menu Marquee.
Ini sebagian contoh warna-warna solid yang sering dipakai :

#000000 : black
#0000ff : blue
#800080 : purple

#808000 : olive
#ffffff : white
#ff00ff : fuchsia
#00ffff : aqua
#008000 : green
#ff0000 : red
#008080 : teal
#808080 : gray
#ffff00 : yellow
#800000 : maroon
#000080 : navy
#c0c0c0 : silver
#00ff00 : lime

untuk melihat langsung bagaimana proses me-muda-kan warna, me-nua-kan warna secara online, kunjungi saja di sini. http://www.colorschemer.com/online.html
Dijamin asyik main warna deh.... soalnya warna campuran mixed nya bisa jutaan jadi malas buat bikin postingan warna-warna, mending langsung ke web site di atas ya.
Semoga bermanfaat info ini.

ILMU KOMPUTER

Writing HTML Using Notepad or TextEdit

HTML can be edited by using a professional HTML editor like:

Step 1: Start Notepad

Step 2: Edit Your HTML with Notepad

Step 3: Save Your HTML

Step 4: Run the HTML in Your Browser

Tutorial HTML : Kumpulan tag HTML

KODE WARNA PADA HTML

Popular post

Followers

Blog Archive