1 Text formatting (font, paragraph, lists)_presentation 2 variant

Text formatting (font, paragraph, lists)

10.4.2 use HTML in web-development

Students know

- Demonstrates the skill of creating, saving and opening your own webpage.
- Demonstrates knowledge of webdocument structure
- Uses tag for headlines to create your own web page.
- Understands the differences between the types of headers
- Uses basic tags to create your own webpage.

What programming language is used to create web sites?
Describe the structure of the HTML webpage.
What tag is used to create the Headings?
What tag is used to create the paragraphs?
What tag is used to create the links?
What tag is used to create the Image?
What tag is used to create the Media?

An unordered list starts with the

tag. Each list item starts with the
• tag.
  The list items will be marked with bullets (small black circles) by default:
   
  • Coffee
   
  • Tea
   
  • Milk
  

  Coffee
  Tea
  Milk

  The CSS list-style-type property is used to define the style of the list item marker:

  Value	Description
  disc	Sets the list item marker to a bullet (default)
  circle	Sets the list item marker to a circle
  square	Sets the list item marker to a square
  none	The list items will not be marked

   
  • Coffee
   
  • Tea
   
  • Milk
  

  Coffee
  Tea
  Milk

An ordered list starts with the

tag. Each list item starts with the
1. tag.The list items will be marked with numbers by default:
   

   Coffee
   Tea
   Milk

   Type	Description
   type="1"	The list items will be numbered with numbers (default)
   type="A"	The list items will be numbered with uppercase letters
   type="a"	The list items will be numbered with lowercase letters
   type="I"	The list items will be numbered with uppercase roman numbers
   type="i"	The list items will be numbered with lowercase roman numbers

   The type attribute of the

   tag, defines the type of the list item marker:
    
   1. Coffee
    
   2. Tea
    
   3. Milk
   

   Coffee
   Tea
   Milk

    
   1. Coffee
    
   2. Tea
    
   3. Milk
   

HTML also supports description lists.
A description list is a list of terms, with a description of each term.
The

tag defines the description list, the

tag defines the term (name), and the

tag describes each term: 

 

Coffee

 

- black hot drink

 

Milk

 

- white cold drink



Coffee
- black hot drink
Milk
- white cold drink

List can be nested (lists inside lists):

 
• Coffee
 
• Tea   
       
  • Black tea
       
  • Green tea
     
   
 
• Milk


Coffee
Tea
Black tea
Green tea
Milk

- Bold text
- Important text
- Italic text
- Emphasized text
- Marked text
- Small text
- Deleted text
- Inserted text
_{- Subscript text
^{- Superscript text}}