Laporan 8 9 10 11 12 13 14

Script Ukuran Text
<html>
<head>
<title>Heading Elements</title>
</head>
<body>
<h1> heading one</h1>
<h2> heading two</h2>
<h3> heading three</h3>
<h4> heading four</h4>
<h5> heading five</h5>
</body>
</html>
Hasil Di Browser
Formatting Paragraf
Script
<html>
<head>
<title>Formating paragraf</title>
</head>
<body>
<h3>HTML</h3>
<p>
Bahasa HTML sangat mudah dipelajari karena merupakan Bahasa
bertanda sehingga hanya sedikit menuntut logika
</p>
<h2>PHP</h2>
<p>
Script PHP menolong HTML ketika melakukan pengolahan data
karena HTML tidak dapat melakukannya
</p>
</body>
</html>
Hasil Di Browser
Unordered List (Bullet)
Script :
<html>
<head>
<title>Unordered List</title>
</head>
<body>
<P>Schedule for HTML Course</P>
<ul>
<li>Sunday</li>
<li>Monday</li>
<li>Tuesday</li>
<li>Wednesday</li>
<li>Thursday</li>
<li>Friday</li>
<li>Saturday</li>
</ul>
<p>
Setiap hari saya jualan, mulai jam 07.30 p.m sampai jam 00.00,
Terimakasih
</p>
</body>
</html>
Hasil Di Browser :
Ordered List
Script :
<html>
<head>
<title>Ordered List</title>
</head>
<body>
<P>Shedule for HTML Course</P>
<ol start=”1” type=”I”>
<li>Sunday</li>
<ol type=”a”>
<li>Introduction to HTML</li>
<li>Creating List</li>
</ol>
<li>Monday</li>
<ol type=”A”>
<li>Creating Table</li>
<li>Inserting Image</li>
</ol>
<li>Tuesday</li>
<ol type=”I”>
<li>Creating Link</li>
<li>Preparing Website</li>
</ol>
<li>Wednesday</li>
</ol>
</body>
</html>
Hasil di browser
Definition List
Script :
<html>
<head>
<title>Definition List</title>
</head>
<body>
<p><b>List of internet Resourse</b></p>
<dl>
<dt>HTML
<dd>HyperText Markup Language programming</dd>
</dt>
<dt>HTTP
<dd>HyperText Transfer Protocol ii TCP/IP Protocol</dd>
</dt>
<dt>Internet
<dd>A network of network </dd>
</dt>
<dt>TCP/IP
<dd>Internet Protocol</dd>
</dt>
</dl>
</body>
</html>
Hasil Di Browser
.
Pemformatan page
Script :
<html>
<head>
<title>Break Line</title>
</head>
<body>
<h3>Buliding Dynamic Web Aplication</h3>
<p>
if you're building a dynamic web application, <br>
start by setting up an application server and <br>
connecting to a database.
</p>
</body>
</html>
Hasil di browser
Font
Script :
<html>
<head>
<title>Formating Font</title>
</head>
<body>
<font color=#9966FF" size="5">
setting Up Web Server
</font>
<p>
<font face="Courier New, Courier, mono">
To run web application, you need a web server,
A web server is sometimes called an HTTP server,
Common web servers include IIS,
Netscape Enterprise Server, IPlanet Web Server,
and Apache HTTP Server.
</font>
</p>
</body>
</html>
Hasil Di Browser :
Format text
Qnotes/Indentasi
Script :
<html>
<head>
</head>
<body>
<font color=#9966FF" size="5">
setting Up Web Server
</font>
<p>
To run web applications, you need a web server.
A web server is software that server files in response to
requests
from web browsers
<blockquote>
A web server is sometimes called an HTTP server,
Common web servers include IIS,
netscape enterprise server, IPlanet web server, and
Apache HTTP server.
</blockquote>
if you're not using a web hosting service,
choose a web server and install it on your local
computer or on a remote computer
</p>
</body>
</html>
Hasil Di Browser:
Pre-formated text
Script :
<html>
<head>
</head>
<body>
<font color="9966FF" size="5">
Setting Up Web Server
</font>
<p>
<pre>
To run web application, you need a web server. a web server is
software
that server files in response to requests from web browsers. A
web server is
sometimes called an HTTP server.
Common web servers include IIS, netscape Enterprise server
iplanet web server,
and Apache HTTP server. if you're not using a web hosting
service, choose a web server
and install it on your local computer or on a remote computer
</pre>
</p>
</body>
</html>
Hasil Di Browser :
Grouping Element
Script :
<html>
<head>
<title>Div dan span</title>
</head>
<body>
<div>
Divisi 1
<p>
Div tag digunakan untuk mengelompokan group element biasanya
untuk block-level element.
</p>
</div>
<div align="right">
Divisi 2
<p>
ini dalam divisi kedua. di tulis dengan alignment kanan.
</p>
</div>
<span style="font-size:25; color:lavender">
baris ini dalam span dengan warna lavender.
</span>
</body>
</html>
Hasil Di Browser :
Hyperlink
Script :
<html>
<head>
<title Anchor Name</title
</head>
<body>
<pre>
<b>setting up web server</b>
Windows users caan get a web server up and running quickly on
their local computer by installing either PWS or IIS.
The web server may already be installed. Check your folder
structure to see if it contains a C:\Inetpub or D:\Inetup
folder. PWS and IIS create this folder during installation. If
you want to install PWS or IIS, <a href="#install">see
installing a Web server in windows.</a>
ASP.NET pages only work with one web server: Microsoft IIS 5
or higher. PWS is not supported.
Also, because IIS 5 is a service of the windows 2000 and
Windows XP Professional operating systems, you can only
because these two versions of Windows to run ASP.NET
applications.
<b><a name="install">Installing a Web Server in Windows
</a></b>
To develop and test dynamic web pages, you need a functioning
web server. This chapter describes how most Windows users can
install and use a Microsoft web server on their local
computer.
</pre>
</body>
</html>
Hasil Di Browser :
TABEL
Script :
<html>
<head>
<title>Rowspan</title>
</head>
<body>
<table bgcolor="lavender" width="75%" border="1"
cellpadding="0">
<tr>
<td></td>
<td></td>
<td>South</td>
<td>North</td>
</tr>
<tr>
<td rowspan="3">Quarter 1</td>
<td>Jan</td>
<td>1000</td>
<td>12000</td>
</tr>
<tr>
<td>Feb</td>
<td>12500</td>
<td>1345</td>
</tr>
<tr>
<td>Mar</td>
<td>78090</td>
<td>71080</td>
</tr>
</table>
</body>
</html>
Hasil di browser :
Merge cell
Script :
<html>
<head>
<title>Using Table</title>
</head>
<body>
<table bgcolor-"CCCCFF" width=" 62%" border="1"
cellpadding="0">
<tr>
<td colspan="3" align=" center">Quarter 1</td>
<td colspan="3" align="center">Quarter 2</td>
</tr>
<tr align=" center">
<td>Jan</td>
<td>Feb</td>
<td>Mar</td>
<td>Apr</td>
<td>May</td>
<td>Jun</td>
</tr>
<tr>
<td>100</td>
<td>5000</td>
<td>200</td>
<td>1500</td>
<td>2500</td>
<td>1750</td>
</tr>
<tr>
<td>290</td>
<td>5050</td>
<td>2300</td>
<td>100</td>
<td>270</td>
<td>300</td>
</tr>
</table>
</body>
</html>
Hasil Di Browser :
Image
Format Image
< IMG SRC = “URL” >
Contoh :
<html>
<head>
<title>Working with Image</title>
</head>
<body>
<img src=”dog.gif”>
</body>
</html>
Script :
<html>
<head>
<title>Working with Image</title>
</head>
<body>
<p><img src="Dog.gif" height="100" width="100">
Default alignment at the bottom</p>
<p><img src="Dog.gif" height="100" width="100"
align="top">Aligned at Top</p>
<p><img src="Dog.gif" height="100" width="100"
align="middle">Aligned at Middle</p>
</body>
</html>
Hasil di browser :
script :
<html>
<head>
<title>Creating Form</title>
</head>
<body>
<h3><center><font color="#0000FF">Job
Description</font></center></h3>
<form action="http://domain.com/process" method="post">
<p>
Job Discription
<select name="job" size="1">
<option value="1">Web Developer</option >
<option value="2">Web Designer</option>
<option value="3">Web Administrator</option>
</select>
<br>
<br>
Experience
<select name="Experience" size="3" multiple>
<option value="1" selected >1 year</option>
<option value="2"> 1- 3 year</option>
<option value="3">None</option>
</select>
</p>
</form>
</body>
</html>
Hasil di browser :
Form Registrasi
Script :
<html>
<head>
<title>Untitled Document</title>
</head>
<body>
<h2 align="center"> <font color="#9966FF"> Free Registration
</font></h2>
<form action="proses.php" method="post" name="form">
<table width="68%" border="0" align="center" cellpading="0">
<tr>
<td width="33%">Nama</td>
<td width="3%">:</td>
<td width="64%"><input name="txtNama" type="text"
id="txtNama"></td>'
</tr>
<tr>
<td>Tgl Lahir</td>
<td>:</td>
<td><input name="txtTgl" type="text" id="txtTgl" size="4"
maxlength="2"> / <input name="txtBulan" type="text"
id="txtBulan" size="4" maxlength="2"> / <input name="txtTahun"
type="text" id="txtTahun" size="8" maxlength="4"></td>
</tr>
<tr>
<td>Alamat</td>
<td> </td>
<td><textarea name="txtAlamat" cols="40" rows="2"
id="txtAlamat"></textarea></td>
</tr>
<td>Kota</td>
<td>:</td>
<td><input name="txtKota" type="text" id="txtKota"></td>
</tr>
<tr>
<td>Pekerjaan</td>
<td>:</td>
<td>select name="cboJob" id="cobJob">
<option>Pengusaha</option>
<option>Kontraktor</option>
<option>Dosen</option>
<option>Mahasiswa</option>
</select></td>
</tr>
<td>Jenis Kelamin</td>
<td>:</td>
<td><input name="radJk" type="radio" value="1" chekced>
Laki-Laki
<input type="radio" name="radJk" value="2">
Perempuan</td>
</tr>
<tr>
<td>Hobby</td>
<td>:</td>
<td><input name="cekReading" type="checkbox"
id="cekReading" value="1"> Reading </td>
</tr>
<tr>
<td>&nsbp;</td>
<td>&nsbp;</td>
<td><input name="cekSport" type="checkbox" id="cekSport"
value="2"> Sport</td>
</tr>
Hasil di Browser :
Script frame :
<html>
<head>
<title>FRAME</title>
<body>
<frameset cols="40%,60%">
<frame src="cth15.htm" name="kiri">
<frame src="cth14.htm" name="kanan">
</frameset>
</body>
</html>
Hasil di Browser :
Script iframe :
<html>
<head>
<title>Iframe</title>
</head>
<body>
<b>Contoh tag Iframe</b><br>
<Iframe heigth="200" width="400" src="cth4.htm">
</iframe>
</body>
</html>
Hasil di Browser :
Script :
<html>

<head>
<title>JavaScript Page</title>
</head>
<body>
<script type="text/javascript">
// silly code to demonstrate output
document.write("<FONT COLOR='GREEN'> Hello world!</FONT>");
document.write("<p>How are <br/>" + "<i>you</i>?</p>");
</script>
<p>Here is some static text as well.</p>
</body>
</html>
Hasil Di Browser :
Script :
<html>

<head>
<title>Data Types and Variables</title>
</head>
<body>
var x, y;
x= 1024;
y=x; x = "foobar";
document.write("<p>x = " + y + "</p>");
document.write("<p>x = " + x + "</p>");
</script>
</body>
</html>
Hasil Di Browser :
Script :
<html>
<head>
<title>simple JavaScript Button</title>

</script>
</head>
<body bgcolor="white"
<h1> Simple javaScript Button</h1>
<form>
<input type="button"
value="Don't click Me" onClick="alert('hey... i said don't
click me'); return value">
</form>
</body>
</html>
Hasil di browser :
Script :
<html>

<head>
<title>Interactive page</title>
</head>
<body>
userName = Prompt ("what is your name?", "");
UserAge = Prompt ("Your age?","");

userAge = parseFloat (userAge);
document.write ("Hello " + userName + ".")

if (userAge < 20) {
document.write(" Do your parents know " + "you are online?");
}
</script>
<p> The rest of the page...
</body>
</html>
Hasil di browser :

Laporan 8 9 10 11 12 13 14

Uploaded by

Copyright:

Available Formats

You might also like

Laporan 8 9 10 11 12 13 14

Uploaded by

Document Information

Original Description:

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Laporan 8 9 10 11 12 13 14

Uploaded by

Copyright:

Available Formats

Script Ukuran Text

< IMG SRC = “URL” >

document.write("<FONT COLOR='GREEN'> Hello world!</FONT>");

document.write("<p>How are <br/>" + "<i>you</i>?</p>");

UserAge = Prompt ("Your age?","");

document.write ("Hello " + userName + ".")

You might also like