Selasa, 27 September 2016

TUTORIAL SEDERHANA SCRIPT HTML

Penulis Vannia Filla Anjani Diterbitkan 08.07

Tags

Halo kawan-kawan semua kali ini saya akan memposting script-script sederhana/dasar HTML

Nah, pada kesempatan ini saya akan membahas tentang membuat layout website sederhana dengan HTML
Untuk membuat website kita harus memiliki pemikiran tentang bagaimana layout dari sebuah website tersebut. Maka dari itu tutorial ini sangatlah penting bagi kawan pembaca yang baru mengenal HTML. Mau tahu bagaimana cara membuat layout sederhana website? Simak langkah-langkah selanjutnya.

1) Membuat Kerangka Dasar/ template
Dalam tahapan pembuatan kerangka dasar digunakan bahasa pemrograman HTML. Di dalam kerangka ini kita akan buat kerangka dari header, content, sidebar dan footer yang merupakan layout dasar pembuatan website. Silahkan ikuti code dibawah ini dan simpan file dengan nama index.html.

<html>

<head>

<meta charset="utf-8">

<title>tempate Website Sederhana</title>

</head>

<body>

<div class=”wrap”>

</div>

</body>

</html>

Code diatas merupakan code dasar dari halaman web yang menggunakan HTML. Apabila kamu buka di web browser, maka akan muncul halaman kosong. Mungkin kawan-kawan akan bertanya apa fungsi dari code

<div class=”wrap”>

</div>

Deretan code tersebut berfungsi untuk membuat halaman website terletak ditengah-ditengah dengan rapi.

sedangkan kode

<title>tempate Website Sederhana</title>

berfungsi sebagai judul

dan berikut adalah script sederhana yang bisa membantu dalam pengeditan HTML

<body background="drkrainbow.gif"> kode untuk background ganti nama drkrainbow.gif dengan nama background yang anda inginkan

<font color="red">This is some text!</font> kode untuk warna red untuk merah blue untuk biru dll
u know bahasa inggris lah.. :p

2) Background Warna HTML
Untuk membuat background Color menggunakan tag <body bgcolor=" .... ">
Contoh

<html> <head> <title> Warna HTML </head> <body bgcolor="#ffff66"> <p> Belajar Membuat Background Warna HTML </p> <p> Gantilah dengan warna kesukaanmu </p> </body> </html>

3) last onkode/script yang lumayan keren <marquee>judul</marquee> kode ini dapat membuat tulisan menjadi bergerak

cukup sekian kawan- kawan tutorial sederhana dari saya semoga dapat membantu *-*

TUTORIAL HTML

Selasa, 27 September 2016

TUTORIAL SEDERHANA SCRIPT HTML

Artikel Terkait

Vannia Filla Anjani

45 komentar