By Unknown
Posted at 03.48
Ayuk Iswandari
Tugas HTML Milik Ayuk
Multimedia SMK N 1 Godean
|
Trik Dasar Membuat HTML Sederhana
Membuat Homepage
Membuat judul tab dalam halaman web, buka notepad++ terlebih dahulu, kemudian ketikan
code dibawah ini:
<html>
<head>
<title> My First HTML Project </title>
</head>
<body BGCOLOR=“Green” TEXT=“Red”>
WELCOME TO MY WEBSITE
</body>
<body bgcolor=”#00ff00”>
</html>
Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya,
maka hasilnya akan seperti pada gambar 1 berikut:
Membuat Tittle pada Page
Biasanya dalam notepad Title ini ditulis setelah "header" dengan mengetikkan judul
yang kamu inginkan, seperti dibawah ini:
<html>
<head>
<title> Ayuk Iswandari</title>
</head>
. . . . . dan selanjutnya . . . .
hasilnya dapat kamu lihat setelah kamu membuka file notepad yang berekstensi ".html"
Membuat Background
Ada beberapa jenis background yang dapat dibuat dalam HTML diantaranya ada background
color, gradasi, transparant dan background image.
Namun saya hanya akan menjelaskan 2 background saja, yaitu color dan image, berikut penjelasannya:
Background Color
gunakan rumus ini pada bagian "body" :
<body bgcolor="#0000">
pada bagian yang di block merah itu adalah kode warna, jika kamu kesulitan menentukan kodenya, saya
sarankan
untuk mengambil kode tersebut dalam aplikasi grafis yang terdapat kode warna, seperti Photoshop dan
CorelDraw.
Jika kamu menginginkan background warna tersebut dapat transparan kamu tinggal mengganti kode warna fengan
rgba(0,0,0,.5). yang saya beri warna merah itu adalah
kode warna dalam r, g dan b, sedangkan s adalah Opacitynya yang "5" berarti "50%"
<body bgcolor="black">
Jika kamu ingin cara yang lebih mudah, ketikkan saja nama warna dalam bahasa inggrisnya.
seperti di atas.
Background Image
<body background="url gambar kamu">
Membuat Marquee atau text berjalan
Text berjalan juga memiliki banyak jenis. Dan saya akan menjelaskan salah satunya, yaitu
marquee yang berjalan ke kiri. berikut
rumusnnya:
<marquee>suka-suka kamu</marquee>
Nanti jadinya akan seperti ini :
Membuat Header
<h1>Suka-suka Kamu</h1>
Nanti jadinya akan seperti ini :
Buat HTML
Buat HTML
Buat HTML
Buat HTML
Buat HTML
Membuat Paragraf
<p> . . . paragraf kamu . . . </p>
Memasukkan image ke dalam HTML
<img src="url gambar kamu"> Memasukkan Link
<a href="url link kamu">Ketikkan Nama tampilan untuk URL nya</a>
Ini contoh Link saya :
klik di sini, maka kamu akan kembali
Itu tadi beberapa trik dasarnya, kamu dapat mengembangkannya melalui Link dibawah ini:
Belajar HTML
|
About the Author
Nulla sagittis convallis arcu. Sed sed nunc. Curabitur consequat. Quisque metus enim, venenatis fermentum, mollis in, porta et, nibh. Duis vulputate elit in elit. Mauris dictum libero id justo.
View all posts by: BT9
0 komentar: