Lesson 2: Basic HTML Code
Download
Report
Transcript Lesson 2: Basic HTML Code
Lesson 2: Basic HTML Code
Basic HTML Code
Basic HTML Code
HTML is an acronym for Hypertext Markup Language.
Internet browsers translate the HTML code into texts
and graphics that we can view using a Hypertext
Protocol – http.
Basic HTML Code
This lesson will cover:
Learning the basics of HTML layout
Breaking at lines and paragraphs
Defining section heads
Using horizontal rules to aid visual organization
Basic HTML Code
Tags: Every web page is opened with an html tag:
<HTML>. This tag indicates that the information is
written in HTML. The <HTML> tag is paired with a
closing tag </HTML>. A closing tag must be added at
the end of the document.
Opening tag for html: <html>
Closing tag for html: </html>
Basic HTML Code
Tags: If you want to Italicize a phrase, the opening tag
would be <I>, and the closing tag </I>
To bold text: <B> bolded text </B>
To underline: <U> underlined text </U>
To center an item: <CENTER> Centered
item</CENTER>
Basic HTML Code: Exercise
2.1
Visit the website: The Bare Bones Guide to HTML,
and print the following sections under HTML tags for
your reference:
Basic Elements
Structural Definition
Presentation Formatting
http://werbach.com/barebones/barebones.html
Basic HTML Code: Breaking
at Paragraphs and Lines
The break and the paragraph tags are the tags that
you will use most often. To specify that you want a
paragraph break, use the tag <P>. To specify a break
use the <BR> tag:
<HTML>
<P>
Somewhere in Cyberspace
Basic HTML Code: Breaking
at Paragraphs and Lines
<BR>
Dear Student,
<BR>
Thank you for connecting for taking this class.
<BR>
We will be learning many things about html code.
</P>
Basic HTML Code: Defining
section head
Section heads are listed below:
<BODY> This contains the body of the document
</BODY>
<TITLE> This tag lists a title at the top of the browser
</TITLE>
<H1> This is the largest heading <H1>
<H2> This is a smaller heading <H2>
<H3> This is an even smaller heading <H3>
Basic HTML Code:
Horizontal Rules
Horizontal rules help divide up copy heavy text and
provide organization to your web pages. Horizontal
rules do not need a Closing tag:
<HR> basic horizontal rule
<HR height=20> horizontal rule that is 20 pixels in
height
<HR height=20 width=“90%”>horizontal rule that is 20
pixels in height and spans 90 percent of the page
Basic HTML Code
In this lesson, we have covered some of the basic
concepts and tags within the html code such as coding
the way you want your web page to be viewed by:
bolding a word, using the paragraph and break tags,
headings, and horizontal rules.
Let’s not wait any longer! You are now ready to begin
your first web page. Continue to Lesson 3.