Presentation is loading. Please wait.

Presentation is loading. Please wait.

HTML Overview Part 2 – Paragraphs, Headings, and Lines 1.

Similar presentations


Presentation on theme: "HTML Overview Part 2 – Paragraphs, Headings, and Lines 1."— Presentation transcript:

1 HTML Overview Part 2 – Paragraphs, Headings, and Lines 1

2 Creating Paragraph Breaks (p 47)  The body of an HTML document includes the content and the tags that format that content. Paragraphs  Text enclosed by and is a paragraph.  Paragraph tags are paired.  The paragraph tags add a blank line after the paragraph. 2

3 HTML Paragraph Example This is a paragraph. This is a paragraph. This is a paragraph.

4 Creating Line Breaks (p 47) Line Breaks  You can add a new line anywhere in your content using the tag. It does not have to be paired.  The element is an empty HTML element. It has no end tag.  When you add a line break, extra space is NOT added to the document.  When you add a line break, you are working within the same paragraph formatting. 4

5 HTML Line Break Example This is a para graph with line breaks

6 Headings (p 47) Use HTML headings for headings only. Don't use headings to make text BIG or bold. Search engines use your headings to index the structure and content of your web pages. Since users may skim your pages by its headings, it is important to use headings to show the document structure.  Headings are defined with the to tags.  Heading tags are paired. 6

7 Headings (p 47)  There are six levels of headings, numbered 1 (largest) to 6 (smallest).  defines the most important heading. defines the least important heading.  Heading tags are: Heading 1 Heading 2 Heading 3 Heading 4 Heading 5 Heading 6 7

8 Headings Example This is heading 1 This is heading 2 This is heading 3 This is heading 4 This is heading 5 This is heading 6

9 Adding Horizontal Rules (p 48)  The tag places a horizontal rule (line) across the width of the browser window.  The tag does not have to be paired.  Horizontal rules can be used to separate text or sections of your page. 9

10 Horizontal Rule Example The hr tag defines a horizontal rule: This is a paragraph This is a paragraph This is a paragraph

11 Formatting Horizontal Rules (p 48)  Tags may also contain attributes in the start tag.  An attribute is added to the start tag and changes the element’s appearance.  Adding the width=“50%” attribute to the tag creates a horizontal rule that is 50% as wide as the browser window:  Other attributes of the tag are:  - specifies thickness of the rule in pixels  - specifies alignment of the rule (left, center, right). Default is centered. 11

12 HTML Tags TagDescription Defines a paragraph within the body of the document. Starting a new paragraph places a blank space between paragraphs. Creates a line break in the HTML document. Formats the text between the tags as the largest heading style. Formats the text between the tags as the smallest heading style Places a horizontal rule across the page. width=“value” Width Attribute – specifies the width of the rule as a percentage of the page width size=“value” Size Attribute – specifies the height of the rule in pixels align=“value” Alignment Attribute – specifies the alignment of the rule as left, right, or center

13 Assignment 13 Work through the W3Schools tutorials about paragraphs: http://www.w3schools.com/html/html_paragraphs.a sp http://www.w3schools.com/html/html_paragraphs.a sp and headings: http://www.w3schools.com/html/html_headings.asp http://www.w3schools.com/html/html_headings.asp Complete Practice: Computer Viruses – part 1 of 5 on page 48-49 of the binder. Save it as lastname_computer_viruses.html


Download ppt "HTML Overview Part 2 – Paragraphs, Headings, and Lines 1."

Similar presentations


Ads by Google