Lesson 2: Basic HTML Code Basic HTML Code. HTML is an acronym for Hypertext Markup Language....

11
Lesson 2: Basic HTML Code Basic HTML Code

Transcript of Lesson 2: Basic HTML Code Basic HTML Code. HTML is an acronym for Hypertext Markup Language....

Page 1: Lesson 2: Basic HTML Code Basic HTML Code. HTML is an acronym for Hypertext Markup Language. Internet browsers translate the HTML code into texts and.

Lesson 2: Basic HTML Code

Basic HTML Code

Page 2: Lesson 2: Basic HTML Code Basic HTML Code. HTML is an acronym for Hypertext Markup Language. Internet browsers translate the HTML code into texts and.

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.

Page 3: Lesson 2: Basic HTML Code Basic HTML Code. HTML is an acronym for Hypertext Markup Language. Internet browsers translate the HTML code into texts and.

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

Page 4: Lesson 2: Basic HTML Code Basic HTML Code. HTML is an acronym for Hypertext Markup Language. Internet browsers translate the HTML code into texts and.

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>

Page 5: Lesson 2: Basic HTML Code Basic HTML Code. HTML is an acronym for Hypertext Markup Language. Internet browsers translate the HTML code into texts and.

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>

Page 6: Lesson 2: Basic HTML Code Basic HTML Code. HTML is an acronym for Hypertext Markup Language. Internet browsers translate the HTML code into texts and.

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 ElementsStructural DefinitionPresentation Formattinghttp://werbach.com/barebones/barebones.html

Page 7: Lesson 2: Basic HTML Code Basic HTML Code. HTML is an acronym for Hypertext Markup Language. Internet browsers translate the HTML code into texts and.

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

Page 8: Lesson 2: Basic HTML Code Basic HTML Code. HTML is an acronym for Hypertext Markup Language. Internet browsers translate the HTML code into texts and.

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>

Page 9: Lesson 2: Basic HTML Code Basic HTML Code. HTML is an acronym for Hypertext Markup Language. Internet browsers translate the HTML code into texts and.

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>

Page 10: Lesson 2: Basic HTML Code Basic HTML Code. HTML is an acronym for Hypertext Markup Language. Internet browsers translate the HTML code into texts and.

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

Page 11: Lesson 2: Basic HTML Code Basic HTML Code. HTML is an acronym for Hypertext Markup Language. Internet browsers translate the HTML code into texts and.

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.