<html>
<head>
<title>
This is my Web Page!
</title>
</head>
<body bgcolor="yellow">
Make My Own Web Page!
</body>
</html>
|
|
Web page should look like this.
|
This is my Web Page!
|
Make My Own Web Page!
|
|
|
Now you have some text on your page! A real web page. It isn't
spectacular, but it also wasn't too difficult to create, was it?
|
Using FONT to change text size
|
<html>
<head>
<title>
This is my Web Page
</title>
</head>
<body>
<font size=4>
Make My Own Web Page
</font>
</body>
</html>
|
|
Web page should look like this.
|
This is my Web Page
|
Make My Own Web Page
|
|
The <font></font> tags can
modify many aspects of text. Here, we grew the font size one size larger
than the default of 3. Our font sizes vary between 1 and 6 with 6 being
the largest.
more about font tag...
|
Using FONT to change text color
|
<html>
<head>
<title>
This is my Web Page
</title>
</head>
<body>
<font size=4
color="#00ff00"
>
Make My Own Web Page
</font>
</body>
</html>
|
|
Web page should look like this.
|
This is my Web Page
|
Make My Own Web Page
|
|
|
|
Using H to make text a heading
|
change text using H(1-6)
<html>
<head>
<title>
This is my Web Page
</title>
</head>
<body>
<h1>
Make My Own Web Page
</h1>
</body>
</html>
|
|
Web page should look like this.
|
This is my Web Page
|
Make My Own Web Page
|
|
The <h?></h?> tags can modify the
text to become a heading. It not only changes the size, but makes the
text bolder. One advantage of a heading over just using a font size is
the special recognition by most search engines. Sizes for the
<h?></h?> tags vary from 1 to 6
with 1 being the largest.
more about heading tag...
|
HTML Bold, Underline, Italics and br tags
|
<html>
<head>
<title>
This is my Web Page
</title>
</head>
<body>
<h1>
Make My Own Web Page
</h1>
<br>
<b>HTML Bold</b><br>
<u>HTML Underline</u><br>
<i>HTML Italics</i><br>
</body>
</html>
|
|
Web page should look like this.
|
This is my Web Page
|
Make My Own Web Page
HTML Bold
HTML Underline
HTML Italics
|
|
The <b></b> tags bold text, the
<u></u> tags underline text and
the <i></i> tags make text into
italics.
The <br> tag does a line break. This is
probably the most common tag of them all. The
<br> tag doesn't have a closing tag.
more text modifier tags...
|
<html>
<head>
<title>
This is my Web Page
</title>
</head>
<body>
<center>
<h1>
Make My Own Web Page
</h1>
</center>
<br>
<b>HTML Bold</b><br>
<u>HTML Underline</u><br>
<i>HTML Italics</i><br>
</body>
</html>
|
|
Web page should look like this.
|
This is my Web Page
|
Make My Own Web Page
HTML Bold
HTML Underline
HTML Italics
|
|
|
|
<html>
<head>
<title>
This is my Web Page
</title>
</head>
<body>
<center>
<h1>
Make My Own Web Page
</h1>
</center>
<br>
Hi Mom,<br>
Look! I can make my own web page! I thought it would be really
complicated, but it wasn't too bad. In fact, it was kind of fun.
</body>
</html>
|
|
Web page should look like this.
|
This is my Web Page
|
Make My Own Web Page
Hi Mom,
Look! I can make my own web page! I thought it would be
really complicated, but it wasn't too bad. In fact, it
was kind of fun.
|
|
Just thought it might be fun to let Mom know about this ;-) Notice I
put in a tab just before the word "Look!." I haven't really found an
actual HTML indent tag, so I just put in some
tags,
which are really fixed pitch spaces.
|
|
NEXT
