Latest News
» » » Belajar Membuat Website dengan HTML [Bagian 2] | Dasar-Dasar HTML

SeptaSites - Yo what's up, what's down :v. Ok kali ini SS sesuai janji akan membahas dasar-dasar HTML yang sudah disinggung pada pos sebelumnya. Jadi, sebelum memulai web programming kita harus punya dulu yang namanya Program Editor HTML / Software nya.

Program Editor HTML
  • Editor yang digunakan untuk mengetik, mengedit atau menyimpan dokumen HTML
  • Editor untuk mendesain suatu web dibagi 2, yaitu :
    • Yang Bersifat Text Murni : Notepad dan UltraEdit
    • Yang WYSIWYG (Graphic) : Netscape dan Front Page.
Di HTML juga ada yang dinamakan Elemen, suatu dokumen HTML setidak-tidanya mempunyai elemen-elemen seperti dibawah ini :

<html>
<head>
<title> Judul Dokumen </title>
</head>
<body>
    Data-data / Content / Isi yang ingin ditampilkan
</body>
</html>


Untuk memperjelas masalah ini, kita akan mencoba membuat suatu website yang sangat sederhana
Pertama : Buka Notepad / Notepad++ / UltraEdit (Disini SS Memakai Notepad++)
(Gambar 1 : Tampilan Notepad++)


 Kedua :  Ketik Kode Pada Gambar Dibawah Ini
(Gambar 2 : Kode)

Ketiga : Simpan file yang telah dibuat

(Gambar 3 : Save)

Keempat : Simpat dengan format .html

(Gambar 4 : format .html)

Kelima : Run dengan menggunakan browser

(Gambar 5 : Run)

Keenam : Tampilan Website dengan kode yang sudah dibuat

(Gambar 6 : Tampilan Website)
Itulah website paling sederhana :v . Untuk Bagian selanjutnya akan dibahas Elemen Teks.

Tutorial Belajar HTML di SeptaSite :
Bagian 1 : Belajar Membuat Website dengan HTML [Bagian 1] | HyperText Markup Language
Bagian 2 : Belajar Membuat Website dengan HTML [Bagian 2] | Dasar-Dasar HTML









Tuesday, November 24, 2015
,

0 comments:

Post a Comment

:) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ $-) (b) (f) x-) (k) (h) (c) cheer
Click to see the code!
To insert emoticon you must added at least one space before the code.

Subscribe to: Post Comments (Atom)
 
Top