Post: HTML Lesson
Options
05-15-2010, 07:07 PM
#1
Jason Statham
Banned
Headings:
<html>
<head><title>Headings</title></head>
<body>
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
</body>
</html>
<!-- ok, this is a heading. Headings are used as titles. You know when you go look up anything on a search engine, well that’s what they look for the heading. so I would suggest not to use it to make stuff bold, just use the <b></b> statement. -->
Notice <!-- and --> are comments, every HTML document has <html></html> tags. They usually have <head></head> tags and body tags, from now on, for the purpose of my fingers, I won't write them every time.
Different types of word styles ect.
<html>
<body>
<b> this text is bold </b> <br>
<i> this text is italic </i> <br>
<big> this text is big </big> <br>
<em> this text is emphasized </em> <br>
<small> this text is small </small> <br>
<strong> this text is strong </strong> <br>
<sub> this text is subscribed </sub> <br>
<sup> this text is superscripted </sup> <br>
<ins> this text is inserted </ins> <br>
<del> this text is deleted </del> <br>
</body>
</html>
<!-- I think you get the point right? Tongue -->
Oh, BTW copy all this in to a text file and save it as .htm or .html.
Horizontal rules:
hey what’s up <br>
<hr>
this<br>
<hr>
is <br>
<hr>
called <br>
<hr>
Horizontal <br>
<hr>
Rule <br>
<hr>
<!-- The <hr> statement just creates a line that goes from the beginning of the page to the end horizontally. -->
line breaking:
<html>
<body>
hey what’s up <br>
this<br>
is <br>
called <br>
line <br>
breaking <br>
</body>
</html>
<!-- See this is line breaking, it’s kind of like when you press enter on notepad or Microsoft word or any word Publishers. Smile -->
<html>
<body>
<a href="https://xbox.com">This is a link</a>
</body>
</html>
<!-- this obviously makes a link. Between the "" u put the url of the site and after that you put what you want the links name to be ex:
This is a link -->
Okay lastly paragraphs:
<html>
<body>
<p>This is a paragraph</p>
<p>This is another paragraph</p>
</body>
</html>
<!-- This one is easy. it just makes a paragraph. As simple as that Tongue.
<p> = Start paragraph
</p> = End paragraph -->
BTW you can't create pages just yet, but you get the basics of this right?
05-15-2010, 07:18 PM
#2
Jason Statham
Banned
This lesson introduces a number of basic tags that allow a HTML page to be formatted - much in the same way that word processors format documents. The following topics are covered:
Character Formatting
Paragraphs
Paragraph Alignment
Forced Line Breaks
Spaces
Horizontal Rules
Character Formatting:
HTML Code:
This text is <B>bold!</B>
This text is <I>italicized.</I>
This text is <U>underlined</U>
Browser Display:
This text is bold!
This text is italicized.
This text is underlined.
Paragraphs
In HTML you indicate paragraphs with the <P> and </P> elements. Without these elements the document becomes one long paragraph. Likewise, browsers ignore any indentations or blank lines in the HTML code.
Thus the examples below, although coded differently, are all displayed the same way:
HTML Code
<P> This is a very short paragraph to illustrate my point.</P> <P>And this is the second paragraph.</P>
<P> Although this
is written differently
with lots of carriage returns
it still only displays
the paragraphs when
you put in the Paragraph
Tag.</P> <P> Like so.</P>
Browser Display
This is a very short paragraph to illustrate my point.
And this is the second paragraph.
Although this is written differently with lots of carriage returns it still only displays the paragraphs when you put in the Paragraph Tag.
Like so:
NOTE: The </P> closing tag may be omitted. This is because browsers understand that when they encounter a <P> tag, it means that the previous paragraph has ended.
To preserve readability when composing HTML files, separate paragraphs with blank lines. As mentioned above, browsers will ignore blank spaces inserted into source code.
Paragraph Alignment
Paragraph alignment can be manipulated by including either the RIGHT, LEFT, or CENTER (note the Americanized spelling) attributes within the <P> tag as shown below:
HTML Code
<P ALIGN=left> This paragraph is left aligned. </P>
<P ALIGN=CENTER> This is a centred paragraph. </P>
<P ALIGN=RIGHT> This paragraph is right aligned. </P>
Browser Display
Forced Line Breaks
The line break tag <BR> can be used to control how browsers render text. When an HTML document is viewed the text normally does a word-wrap at the end of a line. If a text break is desired before the end of a line, use the <BR> tag to force a line break without any extra space between lines. This element has no closing tag.
HTML Code
CN Tower<BR>
301 Front Street West<BR>
Penthouse<BR>
Toronto, Ontario M5V 2T6<BR>
Canada<BR>
Browser Display
CN Tower
301 Front Street West
Penthouse
Toronto, Ontario M5V 2T6
Canada
Using the <P> tag instead of the <BR> tag for short lines of text, such as the above example, would have resulted in unwanted additional white space.
Try it out!
Open notepad and type the following text below, then save as a .html file, open it up with Google chrome, Firefox, or internet explorer, any browser and you should see a webpage.
Try typing this:
<HTML>
<HEAD>
<TITLE>HTML</TITLE>
</HEAD>
<BODY BGCOLOR="#800080" TEXT="#FFFFFF">
Learning HTML is <B>so</B> much fun!
<P ALIGN=centre>
And it is really <I>easy</I> once you get the hang of it.
</P>
<HR SIZE=3>
</BODY>
</HTML>
Character Formatting
Paragraphs
Paragraph Alignment
Forced Line Breaks
Spaces
Horizontal Rules
Character Formatting:
HTML Code:
This text is <B>bold!</B>
This text is <I>italicized.</I>
This text is <U>underlined</U>
Browser Display:
This text is bold!
This text is italicized.
This text is underlined.
Paragraphs
In HTML you indicate paragraphs with the <P> and </P> elements. Without these elements the document becomes one long paragraph. Likewise, browsers ignore any indentations or blank lines in the HTML code.
Thus the examples below, although coded differently, are all displayed the same way:
HTML Code
<P> This is a very short paragraph to illustrate my point.</P> <P>And this is the second paragraph.</P>
<P> Although this
is written differently
with lots of carriage returns
it still only displays
the paragraphs when
you put in the Paragraph
Tag.</P> <P> Like so.</P>
Browser Display
This is a very short paragraph to illustrate my point.
And this is the second paragraph.
Although this is written differently with lots of carriage returns it still only displays the paragraphs when you put in the Paragraph Tag.
Like so:
NOTE: The </P> closing tag may be omitted. This is because browsers understand that when they encounter a <P> tag, it means that the previous paragraph has ended.
To preserve readability when composing HTML files, separate paragraphs with blank lines. As mentioned above, browsers will ignore blank spaces inserted into source code.
Paragraph Alignment
Paragraph alignment can be manipulated by including either the RIGHT, LEFT, or CENTER (note the Americanized spelling) attributes within the <P> tag as shown below:
HTML Code
<P ALIGN=left> This paragraph is left aligned. </P>
<P ALIGN=CENTER> This is a centred paragraph. </P>
<P ALIGN=RIGHT> This paragraph is right aligned. </P>
Browser Display
This paragraph is left aligned.
This is a cantered paragraph.
This paragraph is right aligned.
Forced Line Breaks
The line break tag <BR> can be used to control how browsers render text. When an HTML document is viewed the text normally does a word-wrap at the end of a line. If a text break is desired before the end of a line, use the <BR> tag to force a line break without any extra space between lines. This element has no closing tag.
HTML Code
CN Tower<BR>
301 Front Street West<BR>
Penthouse<BR>
Toronto, Ontario M5V 2T6<BR>
Canada<BR>
Browser Display
CN Tower
301 Front Street West
Penthouse
Toronto, Ontario M5V 2T6
Canada
Using the <P> tag instead of the <BR> tag for short lines of text, such as the above example, would have resulted in unwanted additional white space.
Try it out!
Open notepad and type the following text below, then save as a .html file, open it up with Google chrome, Firefox, or internet explorer, any browser and you should see a webpage.
Try typing this:
<HTML>
<HEAD>
<TITLE>HTML</TITLE>
</HEAD>
<BODY BGCOLOR="#800080" TEXT="#FFFFFF">
Learning HTML is <B>so</B> much fun!
<P ALIGN=centre>
And it is really <I>easy</I> once you get the hang of it.
</P>
<HR SIZE=3>
</BODY>
</HTML>
05-15-2010, 09:56 PM
#6
Saint Jimmy
And don't wear it out.
05-18-2010, 12:29 AM
#10
Dr. F33LG00D
Premium Link Hunter 
Copyright © 2026, NextGenUpdate.
All Rights Reserved.
