MORE HTML REMEMBER TO SEARCH W3 SCHOOLS FOR MORE INFO.

8
MORE HTML REMEMBER TO SEARCH W3 SCHOOLS FOR MORE INFO

Transcript of MORE HTML REMEMBER TO SEARCH W3 SCHOOLS FOR MORE INFO.

Page 1: MORE HTML REMEMBER TO SEARCH W3 SCHOOLS FOR MORE INFO.

MORE HTMLREMEMBER TO SEARCH W3 SCHOOLS FOR MORE INFO

Page 2: MORE HTML REMEMBER TO SEARCH W3 SCHOOLS FOR MORE INFO.

LIST

HTML can have Unordered Lists, Ordered Lists, or Description Lists:

Unordered HTML List•The first item•The second item•The third item•The fourth item

Ordered HTML List1.The first item2.The second item3.The third item4.The fourth item

HTML Description ListThe first item Description of item The second item Description of item

Page 3: MORE HTML REMEMBER TO SEARCH W3 SCHOOLS FOR MORE INFO.

EXAMPLES

Unordered List

<ul>  <li>Coffee</li>  <li>Tea</li>  <li>Milk</li></ul>

Ordered List

<ol>  <li>Coffee</li>  <li>Milk</li></ol>

Page 4: MORE HTML REMEMBER TO SEARCH W3 SCHOOLS FOR MORE INFO.

HTML STYLES

Formatting elements are special HTML elements with a special meaning.

Formatting elements were designed to display special types of text, like important text, emphasized text, subscripts, and superscripts.

HTML styling has nothing to do with formatting elements.

Styling is about changing or adding the style of existing HTML elements.

Every HTML element has a default style (background color is white, text color is black ...)

Changing the default style of an HTML element, can be done with the style attribute.

style="property:value"

Page 5: MORE HTML REMEMBER TO SEARCH W3 SCHOOLS FOR MORE INFO.

EXAMPLE

body style="background-color:lightgrey">

<h1>This is a heading</h1>

<p>This is a paragraph.</p>

</body>

Page 6: MORE HTML REMEMBER TO SEARCH W3 SCHOOLS FOR MORE INFO.

HTML PARAGRAPHS

he HTML <p> element defines a paragraph. <p>This is a paragraph</p>

<p>This is another paragraph</p>

Page 7: MORE HTML REMEMBER TO SEARCH W3 SCHOOLS FOR MORE INFO.

HTML LINE BREAKS

he HTML <br> element defines a line break.

Use <br> if you want a line break (a new line) without starting a new paragraph:

<p>This is<br>a para<br>graph with line breaks</p>

Page 8: MORE HTML REMEMBER TO SEARCH W3 SCHOOLS FOR MORE INFO.

HTML TEXT FORMATTING ELEMENTS

Text Formatting

This text is bold

This text is italic

This is superscript

HTML Formatting Elements

HTML uses elements like <b> and <i> for formatting output, like bold or italic text.

These elements are called formatting elements.