HTML笔记

html基础

1元素、属性

<!DOCTYPE HTML>
<html>
    <head>
        我的测试
    </head>
    <body>
        <!--1标题元素<h>-->
        <h1>这是h1标题</h1>
        <h2>这是h2标题</h2>
        <h3>这是h3标题</h3>
        <h4>这是h4标题</h4>
        <h5>这是h5标题</h5>
        <h6>这是h6标题</h6>
        <!--2段落元素<p>-->
        <p>这是我的一个段落1。</p>
        <!--换行符<br />-->
        <br/>
        <!--3超链接元素<a>-->
        <a href="http://www.baidu.com">链接</a>
        <br />
        <a href="http://www.sifangku.com/">私房库</a>
        <br />
        <!--4HTML图像元素<img>-->
        <img src=images/image1.jpg width="104" height="142"/>
        <br />
        <!--html属性    name="value"-->
        <a href="http://www.w3school.com.cn">this is a link</a><!--<a>标签的href属性-->
        <!--标题居中-->
        <h1 align="center">h1标题</h1>
    </body>
</html>

2属性

建议使用小写属性
属性和属性值对大小写不敏感
例1修改页面背景颜色为黄色

<!DOCTYPE HTML>
<html>
    <head>
        我的测试
    </head>
    <body bgcolor="yellow">
    </body>
</html>

例2定义表格属性

<table border="1">
            <tr>
                <td>roll1,cell1</td>
                <td>roll1,cell2</td>
            </tr>
            <tr>
                <td>roll2,cell1</td>
                <td>roll2,cell2</td>
            </tr>
        </table>

hr标签,可用于创建水平分割线

<!DOCTYPE HTML>
<html>
    <head>
        我的测试
    </head>
    <body bgcolor="yellow">
        <p>这是段落1</p>
        <hr />
        <p>这是段落2</p>
    </body>
</html>

注释

<!-- This is a comment -->

总结

<html>  定义 HTML 文档。
<body>  定义文档的主体。
<h1> to <h6>    定义 HTML 标题
<hr>    定义水平线。
<!-->   定义注释。

3 html段落

<p> 定义段落。
<br />  插入单个折行(换行)。

例1

<p>This is a paragraph
<p>This is another paragraph

例2
折行

<p>This is<br />a para<br />graph with line breaks</p>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值