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