HTML&CSS Learning Notes 2

来源:互联网 发布:出国翻译官软件 编辑:程序博客网 时间:2024/06/05 06:37

HTML

Basic II

<ol></ol>
Ordered lists, ordering each line with ordering number. By recognizing each line item, we use li tags.

<li></li>
As we said, each line element is a individual item. The content will between li tags.

<ul></ul>
Unordered lists, each line item with dot in front of it.

<!-- Comments -->
Add comments between these two tags.

style
If you want to change any attribute, you can use style key word to change it. For example, < p style=”ATTRIBUTE SENTENCES“>< /p>, different sentences separate with “;”.

font-size: [SIZE]px
The key word “px” means pixel. For changing the font size, you can add arbitrary number instead on [SIZE].

color: [color word or color code]
This key word is for changing font color. The parameters, available to use color word also color code too.

font-family: [font family]
For example, ‘Arial’, ‘Verdana’, ‘Impact’, ‘Bodoni’ etc. Make sure to capitalize the first letter of these font families.

background-color: [color word or color code]
Like changing the font color, changing background color also is similar. The different is key word, color and background-color.

text-align: [directions]
Text alignment just have three parameters, left, center, right. You can understand it as horizontal directions.

<strong></strong>
Making string as BOLD. You can add these two tags wherever you want to.

<em></em>
Emphasizing word.

Basic II Summery Instance

<!DOCTYPE html><html>    <head>        <title>BASIC II</title>    </head>    <body>        <ol>            <li></li>        </ol>        <ul>            <li style="font-size:16px; color:red;"></li>        </ul>        <p style="background-color:blue; text-align:left "><strong>bold</strong><em>EM</em></p>    </body></html>
0 0