您的位置:首页 > Web前端 > CSS

HTML&CSS Learning Notes 2

2015-09-13 20:59 706 查看
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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: