Dasar Atribut Di Dalam HTML

 

Atribut Type

<html>

<head>

<title>Ordered list dengan atribut type</title>

</head>

<body>

<h3>list dengan type alfabet</h3>

<ol type'a'>

<li>Tutorial list di HTML</li>

<li>Tutorial list di HTML</li>

<li>Tutorial Tabel di HTML</li>

</ol>

<h3>List dengan type alfabet kapital (hurup besar)</h3>

<ol type='A'>

<li>Tutorial list di HTML</li>

<li>Tutorial list di HTML</li>

<li>Tutorial Tabel di HTML</li>

</OL>

<h3>List dengan type romawi</li>

<ol type='i'>

<li>Tutorial list di HTML</Li>

<li>Tutorial Link di HTML</LI>

<li>Tutorial Tabel di HTML</LI>

</OL>

<h3>list dengan type romawi kapital</h3>

</ol type='I'>

<li>Tutorial list di HTML</li>

<li>Tutorial list di HTML</li>

<li>Tutorial Tabel di HTML</li>

</ol>

</body>

</html>



Form Login

 

<html>

<head>

<title>form login</title>

</head>

<body>

<form action=login.php"method="POST">

<fieldset>

<legend>login</legend>

<p>

<label>Username:</label>

<imput type="text" name="username"

placeholder="username..."/>

</p>

<p>

<label>Password:</label>

<input type="password" name="password"

placeholder="password..."/>

</p>

<p>

<label><input type="checkbox" name="remember"

value="remember' /> Remember me</label>

</p>

<p>

<input type="submit" name="submit" value="login"

</p>

</form>

</body>

</html>



Format Texs

 

<HTML>

<HEAD>

<TITLE>Format Teks</TITLE>

</HEAD>

<BODY>

<FONT SIZE="6"FACE="COURIR"

COLOR="red">Bunga Nusa Indah</FONT><BR>

Bewarna <BR>

Merah

</BODY>

</HTML>

 

<HTML>

<HEAD>

<TITLE>Format Teks</TITLE>

</HEAD>

<BODY>

<FONT SIZE="6"FACE="COURIR"

COLOR="red">Bunga Nusa Indah</FONT><BR>

Bewarna <BR>

Merah

</BODY>

</HTML>



Form 1

 

<html>

<head>

<title>Registrasi</title>

</head>

<body>

<form action="contact.php" method="POST">

<fieldset>

<legend>Registrasi</legend>

<p>

<label>Nama:</label>

<input type="text" name="nama" placeholder="Nama lengkap..." />

</p>

<p>

<label>Username:</label>

<input type="text" name="username" placeholder="Username..." />

</p>

<p>

<label>Email:</label>

<input type="email" name="email" placeholder="Your email..." />

</p>

<p>

<label>Password:</label>

<input type="password" name="password" placeholder="Passowrd..." />

</p>

<p>

<label>Jenis kelamin:</label>

<label><input type="radio" name="jenis_kelamin" value="laki-laki" /> Laki-laki</label>

<label><input type="radio" name="jenis_kelamin" value="perempuan" /> Perempuan</label>

</p>

<p>

<label>Agama:</label>

<select name="agama">

<option value="islam">Islam</option>

<option value="kristen">Kristen</option>

<option value="hindu">Hindu</option>

<option value="budha">Budha</option>

</select>

</p>

<p>

<label>Biografi:</label>

<textarea name="biografi"></textarea>

</p>

<p>

<input type="submit" name="submit" value="Daftar" />

</p>

</fieldset>

</form>

</body>

</html>




 

FORM 2

<!DOCTYPE html>

<html>

<head>

<title>Form HTML</title>

</head>

<body>

<form action="contact.php" method="POST">

<fieldset>

<legend>Form</legend>

<p>

<label>Alamat Web:</label>

<input type="url" name="name" placeholder="Masukan URL Web..." />

</p>

<p>

<label>Tanggal Lahir:</label>

<input type="date" name="tanggal" />

</p>

<p>

<label>Umur:</label>

<input type="number" min="10" max="90" name="umur" />

</p>

<p>

<input type="submit" name="submit" value="Send" />

</p>

</fieldset>

</form>

</body>

</html>



Format Login

<html>

<head>

<title>form login</title>

</head>

<body>

<form action="login.php" method="POST">

<fieldset>

<legend>login</legend>

<p>

<label>Username:</label>

<input type="text" name="username"

placeholder="username..."/>

</p>

<p>

<label>Password:</label>

<input type="password" name="password"

placeholder="password..."/>

</p>

<p>

<label><input type="checkbox" name="remember"

value="remember" /> Remember me</label>

</p>

<p>

<input type="submit" name="submit" value="login" />

</p>

</form>

</body>

</html>



Membuat Atribut

<html>

<head>

<title>Order list dengan atribu type</title>

</head>

<body>

<h3>list dengan type alfabet</h3>

<ol type='a'>

<li>Tutorial list di HTML</li>

<li>Tutorial list di HTML</li>

<li>Tutorial Tabel di HTML</LI>

</OL>

<H3>list dengan type alfabet kapital (hurup besar)</h3>

<ol type='A'>

<li>Tutorial List di HTML</li>

<li>Tutorial List di HTML</li>



Order List

<html>

<head>

<title>membuat Ordered list</title>

</head>

<body>

<h1>Buah Favotitku:</h1>

<o1>

<li>jeruk</li>

<li>Durian</li>

<li>Pisang</li>

<li>pepaya</li>

</ol>

</body>

</html>



QUIZ

 

<html>

<head>

<title>Mwmbuat border list type</title>

</head>

<body>

 

<h3>DAFTAR NAMA BUAH-BUAHAN</h3>

<ol type='a'>

<li>Rambutan</li>

<li>Durian</li>

<li>Mangga</li>

<li>Manggis</li>

</OL>

 

<H3>DAFTAR NAMA HEWAN</h3>

<ol type='a'>

<li>Ikan</li>

<li>Ayam</li>

<li>Beruang</li>

<li>Harimau</li>


Comments

Popular posts from this blog

Uji Coba dan Mereview Lima Tools Pada Aplikasi Elektrodoc / Elektrocalc Lite

PENGUCAPAN TIME/WAKTU DALAM BAHASA INGGRIS

Contoh Format Undangan Tutup Tahun Pengajian TPA ( Taman Pendidikan Al-Qur'an )