THE TEXT ELEMENTS. THE HEADING ELEMENTS,,,, and - introduce new section of content as a title or a...

10
THE TEXT ELEMENTS

description

THE BLOCKQUOTE ELEMENT The element offsets a paragraph from the regular body text, it indents a block of text. Tag -

Transcript of THE TEXT ELEMENTS. THE HEADING ELEMENTS,,,, and - introduce new section of content as a title or a...

Page 1: THE TEXT ELEMENTS. THE HEADING ELEMENTS,,,, and - introduce new section of content as a title or a header. Heading sizes range from H1 to H6, where H1.

THE TEXT ELEMENTS

Page 2: THE TEXT ELEMENTS. THE HEADING ELEMENTS,,,, and - introduce new section of content as a title or a header. Heading sizes range from H1 to H6, where H1.

THE BLOCKQUOTE ELEMENT• The <blockquote> element offsets a

paragraph from the regular body text, it indents a block of text. Tag - <blockquote></blockquote>

Page 3: THE TEXT ELEMENTS. THE HEADING ELEMENTS,,,, and - introduce new section of content as a title or a header. Heading sizes range from H1 to H6, where H1.

Blockquote Element Sample <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head><title>The Blockquote Element</title></head><body><h1> The BLOCKQUOTE Element</h1>An article from the Oracle Magazine says:<blockquote>

<p>Architect finds that security is a key business enabler, making better-informed decisions

possible.</p><p>For Ho, a great security architect needs to understand a company's business and its

challenges. "Without that basic understanding, you run the risk of having a mismatch between your knowledge of security strategy and the needs of the business." she says.

</p></blockquote></body>

</html>

Page 4: THE TEXT ELEMENTS. THE HEADING ELEMENTS,,,, and - introduce new section of content as a title or a header. Heading sizes range from H1 to H6, where H1.

THE CENTER ELEMENT• The <center> element sets its

content centered horizontally inside the web browser.• It can be any content, including text,

images, tables and so on.• Tags: <center></center>

Page 5: THE TEXT ELEMENTS. THE HEADING ELEMENTS,,,, and - introduce new section of content as a title or a header. Heading sizes range from H1 to H6, where H1.

THE PARAGRAPH ELEMENT• The <p> element creates a paragraph and it

indicates the start and end of a paragraph.• Normally, web browsers adds a blank line

before a new paragraph starts.• Tags: <p></p>• Attribute: – Align - sets the horizontal alignment of the

element inside the web browser such as left, right, center and justify.

Page 6: THE TEXT ELEMENTS. THE HEADING ELEMENTS,,,, and - introduce new section of content as a title or a header. Heading sizes range from H1 to H6, where H1.

THE HORIZONTAL RULE ELEMENT• The <hr> element inserts a horizontal line that

divides contents. The <hr> element has no ending tag.

• Attributes:– Align – sets the horizontal alignment of the element

inside the web browser, such as left, right, center and justify.

– Color – set a color value or a predefined color name of the element.

– Size – sets the size of the horizontal rule in pixels– Width – sets the width in pixels of the element

Page 7: THE TEXT ELEMENTS. THE HEADING ELEMENTS,,,, and - introduce new section of content as a title or a header. Heading sizes range from H1 to H6, where H1.

EXAMPLE

Page 8: THE TEXT ELEMENTS. THE HEADING ELEMENTS,,,, and - introduce new section of content as a title or a header. Heading sizes range from H1 to H6, where H1.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head><title>The Blockquote Element</title></head><body><h1> The blockquote Element</h1>An article from the Oracle Magazine says:<blockquote>

<p>Architect finds that security is a key business enabler, making better-informed decisions possible.</p><hr size="12" color="red"><p>For Ho, a great security architect needs to understand a company's business and its challenges. "Without that basic

understanding, you run the risk of having a mismatch between your knowledge of security strategy and the needs of the business." she says.

</p></blockquote>

<center><p>For Ho, a great security architect needs to understand a company's business and its challenges. "Without that basic

understanding, you run the risk of having a mismatch between your knowledge of security strategy and the needs of the business." she says.

</p></center></body>

</html>

Page 9: THE TEXT ELEMENTS. THE HEADING ELEMENTS,,,, and - introduce new section of content as a title or a header. Heading sizes range from H1 to H6, where H1.

Exercise #1• Create an HTML document using the five (5)

text elements, Heading, paragraph, center, blockquoute and horizontal rule. Refer to the image.

Page 10: THE TEXT ELEMENTS. THE HEADING ELEMENTS,,,, and - introduce new section of content as a title or a header. Heading sizes range from H1 to H6, where H1.