[HTML5] 3.Text Tag

 3. Text Tag

3_1. <p>

- A paragraph is marked up

- Browsers automatically add some space 

<p>This is some text in a paragraph.</p>

3_2. <blockquote>

- The tag specifies a section that is quoted from another source

- Browser usually indent <blockqoute> elements

<blockquote cite="http://www.worldwildlife.org/who/index.html"> For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally. </blockquote>  

3_3. <pre>

- Text in a <pre> element is displayed in a fixed-width font, and it preserves both spaces and line break

<pre> Text in a pre element is displayed in a fixed-width font, and it preserves both spaces and line breaks </pre>  

3_4. <mark>

- Use the tag if you want to highlight parts of your text

<p>Do not forget to buy <mark>milk</mark> today.</p>  

3_5. <ul, ol>

- ul tag defines a unordered list

- ol tag defines a ordered list

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

 How to remove a point in front of list

ul{ list-style:none; }  

3_6. <dl>

- dl tag defines a description list

- dl tag is used in conjunction with <dt> and <dd>

<dl> <dt>Coffee</dt> <dd>Black hot drink</dd> <dt>Milk</dt> <dd>White cold drink</dd> </dl>