HTML Tutor Text

Add some HTML TEXT

    Now to include text on your web page! A real web page. It isn't spectacular, but it also isn't too difficult to create, is it?

index.htm - Notepad
<html>
<head>
    <title>Make A Web Page!</title>
</head>

<body bgcolor="#FCFAE6">

Make My Own Web Page!

</body>
</html>
Make A Web Page! - BrowserName
Make My Own Web Page!




Using HTML FONT Code
To Change Text Size

    The <font></font> tags 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.

index.htm - Notepad
<html>
<head>
    <title>Make A Web Page!</title>
</head>

<body bgcolor="#FCFAE6">
<font size=4>
    Make My Own Web Page!
</font>
</body>
</html>
Make A Web Page! - BrowserName
Make My Own Web Page!



more about font tag...


Using FONT to change text color

    The <font></font> tag can also modify the color of text. The coding for text colors are the standard RGB html color codes.

index.htm - Notepad
<html>
<head>
    <title>Make A Web Page!</title>
</head>

<body bgcolor="#FCFAE6">

<font size=4 color="purple">
    Make My Own Web Page!
</font>
</body>
</html>

Make A Web Page! - BrowserName
Make My Own Web Page!



more about font tag...


Using HTML Heading Code
To Make A Text Heading

    The <h?></h?> tags can modify the text to become a heading. It changes the size and 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.

index.htm - Notepad
<html>
<head>
    <title>Make A Web Page!</title>
</head>

<body bgcolor="#FCFAE6">

<font size=4 color="purple">
    Make My Own Web Page!
</font>
<h3>Make My Own Web Page</h3>
</body>
</html>

Make A Web Page! - BrowserName
Make My Own Web Page!

Make My Own Web Page!




more about font tag...


HTML Bold Code
HTML Underline Code
HTML Italics Code
HTML Code for Line Break

    The <b></b> tags bold text, the <u>&lt/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.

index.htm - Notepad
<html>
<head>
    <title>Make A Web Page!</title>
</head>

<body bgcolor="#FCFAE6">

<b>HTML Bold</b><br>
<u>HTML Underline</u><br>
<i>HTML Italics</i><br><br>

<b><u><i>HTML Bold, Underline and Italics</i></u></b>

</body>
</html>
Make A Web Page! - BrowserName
HTML Bold
HTML Underline
HTML Italics

HTML Bold, Underline and Italics



more about text effects tags...


HTML Center Tag

    The HTML <center></center> tags are the HTML Code for Center. Anything within these tags are centered including text or graphics.

index.htm - Notepad
<html>
<head>
    <title>Make A Web Page!</title>
</head>

<body bgcolor="#FCFAE6">
<center>HTML Code for Center</center>
</body>
</html>
Make A Web Page! - BrowserName
HTML Code for Center





more about text effects tags...


HTML Code for Tab
HTML P Tag

    Look at the text formatting in paper texts. Most of them started a paragraph with a tab and finish with a line break. Many web pages are formatted using the HTML P Tag (Paragraph). These paragraphs start at the beginning of the line, but finish with 2 line breaks instead of just one.

    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 &nbsp; tags, which are really fixed pitch spaces.

index.htm - Notepad
<html>
<head>
    <title>Make A Web Page!</title>
</head>

<body bgcolor="#FCFAE6">

&nbsp;&nbsp;&nbsp;&nbsp;Look! I can make my own web page! It wasn't as complicated as I thought it might be. It was kind of fun.<br><br>

<p>Look! I can make my own web page! It wasn't as complicated as I thought it might be. It was kind of fun.</p>

</body>
</html>
Make A Web Page! - BrowserName
    Look! I can make my own web page! It wasn't as complicated as I thought it might be. It was kind of fun.

Look! I can make my own web page! It wasn't as complicated as I thought it might be. It was kind of fun.




more about text effects tags...

more about paragraph tags...


Create New Folder