View second.html
<!DOCTYPE html> | |
<html> | |
<head> | |
<title>sahabatcoding</title> | |
</head> | |
<body> | |
<h3>Halaman Kedua / Second Page</h3> | |
</body> | |
</html> |
View first.html
<!DOCTYPE html> | |
<html> | |
<head> | |
<title>sahabatcoding</title> | |
</head> | |
<body> | |
<h3>Halaman Pertama / First Page</h3> | |
</body> | |
</html> |
View index.html
<!DOCTYPE html> | |
<html> | |
<head> | |
<title>sahabatcoding</title> | |
</head> | |
<body> | |
<h3>Halaman Induk / Parent Page</h3> | |
<iframe src="first.html" name="ourFrame" width="300" height="300"> | |
You can see me? | |
</iframe> |
View index.html
<!DOCTYPE html> | |
<html> | |
<head> | |
<title>sahabatcoding</title> | |
</head> | |
<body> | |
<form action="" method=""> | |
<fieldset> | |
<legend>Form Profile</legend> | |
<label for="name">Your Name</label> |
View index.html
<!DOCTYPE html> | |
<html> | |
<head> | |
<title>sahabatcoding</title> | |
</head> | |
<body> | |
<form action="" method=""> | |
<label for="gender">Please selecr your gender</label> | |
<select id="gender"> | |
<option value="man">Laki-laki</option> |
View index.html
<!DOCTYPE html> | |
<html> | |
<head> | |
<title>sahabatcoding</title> | |
</head> | |
<body> | |
<form action="" method=""> | |
<h3>Please choose your favorite fruits</h3> | |
<label for="apple">Apple</label> | |
<input type="checkbox" id="apple" value="apple"> |
View index.html
<!DOCTYPE html> | |
<html> | |
<head> | |
<title>sahabatcoding</title> | |
</head> | |
<body> | |
<form action="" method=""> | |
<label for="man">laki-laki</label> | |
<input type="radio" name="gender" id="man" value="man"> | |
<label for="woman">perempuan</label> |
View index.html
<!DOCTYPE html> | |
<html> | |
<head> | |
<title>sahabatcoding</title> | |
</head> | |
<body> | |
<form action="" method=""> | |
<label for="colourForm">Please insert your favorite colour:</label> | |
<input type="color" name="colourForm" id="colourForm" value="#ffffff"> | |
</form> |
View index.html
<!DOCTYPE html> | |
<html> | |
<head> | |
<title>sahabatcoding</title> | |
</head> | |
<body> | |
<form action="" method=""> | |
<label for="avatarForm">Please insert your avatar:</label> | |
<input type="file" name="avatarForm" id="avatarForm"> | |
</form> |
View index.html
<!DOCTYPE html> | |
<html> | |
<head> | |
<title>sahabatcoding</title> | |
</head> | |
<body> | |
<form action="" method=""> | |
<label for="ageForm">Please insert your age:</label> | |
<input type="number" name="ageForm" id="ageForm" min="0" max="10"> | |
</form> |
NewerOlder