Cara Membuat Web Sederhana Menggunakan HTML
Asep Supriyadi-Wah.. Sekian lama gak update nih.. yaudah kali ini saya mau Share
Cara Membuat Web Sederhana Menggunakan HTML. Sebelum lanjut, tau gak pengertian HTML ?
HTML ( Hyper Text Markup Leanguage ), Adalah sebuah bahasa pemrograman
yang digunakan untuk menginput : gambar, text, Audio, maupun Video. dan
sekilas Mau berbagi aja tentang Ilmu yang saya dapatkan Waktu SMP :D
, Membuat web menggunakan HTML ? gammpang 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 dan disini saya Menggunakan
Baidu Spark Browser
5. Nah seperti ini hasilnya :) dan anda bisa mengedit sesuai keinginan anda :)
Sekian
Cara Membuat Web Sederhana Menggunakan HTML dari saya.
Terima kasih karna telah berkunjung ke Blog Saya, Saya sangat Berterima Kasih jika Anda Meninggalkan Komentar :)
Terima Kasih yg sudah berkunjung di Blog Saya, jangan lupa Comment And Share ! :D