Skip to content Skip to sidebar Skip to footer
Home / HTML tutorial (basic)

TUTORIAL HTML(basic)

Post a Comment
apa itu html??HTML (hyper text markup language) adalah bukan bahasa pemrograman tetapi sebuah markup language.yang terdiri dari tag tag html yang menjelaskan isi dr web tersebut supaya terlihat lenih menarik,.

##STRUKTUR HTML##

code:
<html>

<body>
<h1>My First Heading</h1>
<p>My first paragraph</p>
</body>

</html>

diantara tags <html> dan </html> sebagai isi dari web tersebut.
diantara tags <body> dan </body> sebagai isi konten dari web tersebut
diantara tags <h1> dan ;/h1> sebagai heading dari web tersebut.
diantara tags <p> dan </p> sebagai isi paragraf dari web tersebut.






##MENAMPILKAN LINK DI DALAM WEB.##

code :
<a href="http://aldhieretroholic.blogspot.com">link</a>

yang bercetak merah merupakan URL dari link tersebut.

##MENAMPILKAN IMAGE DI DALAM WEB##

code:
<img src="constr4.gif" width="144" height="50" />

yang bercetak merah merupakan URL dari gambar/image tersebut.

##TAG TAG DALAM HTML##

<html> mendefinisikan html dokumen
<body> mendefinisikan dokumen body
<h1> mendefinisikan heading
<!--> mendefinisikan komentar
<p> mendefinisikan paraagraf
<br /> mendefinisikan garis baru(untuk membuat line baru)
<hr /> mendefinisikan garis horizontal(horizontal line)
<b> membuat cetak tebal
<big> font besar
<em> text tertentu
<i> cetak miring
<small> font kecil
<strong> strong text
<sub> subcrypted text
<sup> superscripted text
<ins> inserted text
<del> deleted text
<code> computer code text
<var> variable
<pre> preformatted text
<address> elemen address
<blockquote> komentar panjang
<q> komentar pendek

##TAGS ATRIBUT##

<table> menambah tabel
<form> menambah form
<center> rata tengah paragraf
<u> garis bawh

##DAFTAR LIST##

code:

<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>

maka tampilan akan seperti:
  • Coffee
  • Milk


code:
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>

maka tampilan akan seprti:
  1. Coffee
  2. Milk


##FORM##

code:
<form>
First name:
<input type="text" name="firstname">
<br>
Last name:
<input type="text" name="lastname">
</form>

maka tampilan akan seperti:
First name: 

Last name: 


code:
<form>
<input type="radio" name="sex" value="male"> Male
<br>
<input type="radio" name="sex" value="female"> Female
</form>

maka tampilan akan seperti:
 Male
 Female


code:
<form>
I have a bike:
<input type="checkbox" name="vehicle" value="Bike">
<br>
I have a car:
<input type="checkbox" name="vehicle" value="Car">
<br>
I have an airplane:
<input type="checkbox" name="vehicle" value="Airplane">
</form>

maka tampilan akan seperti:
I have a bike:
I have a car: 
I have an airplane:

code:
<form name="input" action="html_form_submit.asp"
method="get">
Username:
<input type="text" name="user">
<input type="submit" value="Submit">
</form>

maka tampilan akan seperti:

Username:









Post a Comment for "TUTORIAL HTML(basic)"