HTML&CSS Learning Notes 2

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>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值