Tutorial Membuat Web Sederhana Menggunakan HTML untuk Pemula



kali ini saya mau Share Tutorial Membuat Web Sederhana Menggunakan HTML untuk Pemula. Sebelum lebih jauh, tau gak pengertian HTML ? HTML ( Hyper Text Markup Leanguage ), Adalah sebuah bahasa pemrograman yang digunakan untuk menginput : gambar, text, Audio, maupun Video. Membuat web menggunakan HTML ? gampang kok, cuma butuh beberapa Script agar dapat Membuat WEB yg sederhana,tapi kalau mau Lebih Maksimal diimbangi dengan CSS ( Cascading Style Sheet ) untuk mengatur Tinggi - Lebar atu yg lainnya, tanpa basa-basi langsung saja.

Dalam Membuat HTML Aplikasi yang bisa anda Gunakan Antara Lain : Notepad, Dreamweaver, dll. dan di HTML, ada Beberapa Kode-kode penting yang harus anda ketahui,dan dibawah ini adalah kode-kode yang harus ada dalam membuat HTML.




<html>  : Untuk memulai sebuah HTML

<title> : Untuk memberi judul pada yang nantinya akan muncul di Tab Browser

<head>  : Untuk Bagian Header atau Atas

</head> : Untuk Penutup Header dan diawali dengan GARIS MIRING "/"
<body>  : Untuk Bagian Body atau Isi dalam HTML
</body> : Untuk Penutup/menutup Body dan diawali dengan GARIS MIRING "/"
</html> : Untuk Menutup Sebuah HTML dan diawali juga dengan GARIS MIRINg "/"


Nah Itu kode-kode Dasar untuk membuat sebuah HTML

Dalam HTML juga ada Tag-tag nah dibawah ini ada beberapa Tag yang saya ketahui dalam HTML.



<h1> : ini adalah Tag Heading, yang berlevel 1, selain <h1> ada juga <h2>, <h3>, <h4>, <h5>, <h6>

<b>  : (Bold) Fungsinya untuk membuat Huruf menjadi Tebal

<i>  : (Italic) Fungsinya untuk membuat Huruf menjadi Miring

<u>  : (Underline) Fungsinya untuk membuat dibawah huruf berisi garis
<p>  : Untuk membuat sebuah Paragraf
<br> : untuk Membuat sebuah baris baru atau enter
<hr> : untuk membuat sebuah garis Horizontal
<center> : untuk membuat tulisan atau gambar berada di tengah-tengah
<img src="gambar-anda.jpg atau Url gambar anda"> : fungsinya untuk memasukan sebuah gambar
<body bgcolor="black"> : Fungsinya untuk memberi warna untuk background atau latar belakang dan "black" bisa diganti sesuai keinginan anda, misalnya "red", "yellow"
<font color="red"> : Untuk mengatur warna Text dan ditutup dengan </font>
<font size="12"> : untuk mengatur Ukuran Sebuah Text dan ditutup dengan </font>
<font face="arial"> : Untuk mengatur jenis Font atau Text yang akan digunakan
<marquee> : untuk membuat sebuah text ataupun gambar bergerak



nah itu beberapa tag-tag yang ada dalam html yang saya ketahui, dan mungkin lebih banyak lagi tag-tag yang belum saya ketahui dan mohon dimaklumi :) karena saya juga disini masaih belajar :D

nah lanjut bagaimana cara membuat sebuah WEB sederhana menggunakan HTML

1. Buka Aplikasi yang anda Gunakan, Disini Saya Menggunakan Notepad, dan anda juga bisa membuat HTMl menggunakn aplikasi Seperti Adobe Dreamweaver yang lebih lengkap.

2. Masukan Kode HTML dibawah Ini kedalam Notepad

<html>

<head>

<title>Belajar HTML</title>

</head>

<body>
<body bgcolor="red">
<h1>Saya Sedang Belajar HTML</h1>
<center>
<font size="13" color="black" face="arial">
<p>Membuat HTML Itu Mudah Lo</p>
<b>HTML adalah Hyper Text Markup Leanguage</b>
<i>Dan Fungsi HTML itu adalah Untuk menginput Text, Gambar, Audio, Video</i>
<u>Itu semua mudah jika anda serius mempelajarinya :)</u>
</font>
<br>
<marquee>
<img src="gambar.jpg atau memasukan URL gambar"> //* Satukan File HTML dengan gambar yg anda masukan agar dapat dibaca

</marquee>

</center>

</body>

</html>




3. Simpan dan beri nama sesuka anda tapi di akhirnya diberi .html agar file dibaca sebagai file HTML dan Type : All Files 
ohh ya jika anda ingin menambahkan gambar kedalam html tanpa menggunakan URL, caranya gabungkan file Gambar yang anda ingin masukan dan file HTML dalam 1 Folder.


4. Nah Sekarang kita coba test bagaimna hasilnya dengan cara Klik Kanan di file HTML yang tadi anda buat dan pilih Open With dan pilih Browser yang anda gunakan, misalnya Google Chrome

5. Nah seperti ini hasilnya :) dan anda bisa mengedit sesuai keinginan anda :)



Demikianlah Tutorial Membuat Web Sederhana Menggunakan HTML untuk Pemula.
Sampai Jumpa di Postingan Berikutnya hehee

Subscribe to receive free email updates:

1 Response to "Tutorial Membuat Web Sederhana Menggunakan HTML untuk Pemula"

  1. This article is very informative.Nice and great blog

    ReplyDelete