html常用标签

本文详细介绍了HTML中的各种标签,包括标题标签h1到h6的尺寸规则,段落p标签,链接a标签的使用,水平线hr,换行br,字体font,加粗b和斜体i标签。此外,还展示了img标签的使用,强调了src和alt属性的重要性,以及列表ul和ol的创建,表格table的结构,如tr, th, td, colspan等。这些基础知识对于网页制作至关重要。
摘要由CSDN通过智能技术生成

1.文本标签 h1 h2 h3 h4 h5 h6 后面数字对应大小,数字越大字体越小

这里是h1标签

这里是h5标签

2 段落标签 p 标签

3 a标签

百度

在这里插入 <h3>
        <a href="http://baidu.com" target="baidu">百度</a>
    </h3>
    <p>
        <iframe src="http://baidu.com" frameborde="1" name="baidu" width="500" higth="800"></iframe>
    </p>代码片

4 . 水平线标签/hr,在html中添加一条横线。

5、换行标签/br,实现换行。

6、字体标签font,中间可以添加文字。

7、加粗标签b,对内容加粗。

8、斜体标签 /i ,将内容斜体展示

9 . img标签 src alt必须有

<img src="" 
        alt="" height="450">

注释快捷键 ctrl + /
10.列表标签

在这  <!-- 1.无序列表 -->
    <h3>购物车</h3>
    <ul>
        <li>1.商品1,1个,500元</li>
        <li>2.商品2,1个,500元</li>
        <li>3.商品3,1个,500元</li>
    </ul>
    <!-- 有序列表 -->
    <ol>
        <li>1.商品1,1个,500元</li>
        <li>2.商品2,1个,500元</li>
        <li>3.商品3,1个,500元</li>
    </ol>里插入代码片

在这里插入图片描述

表格标签

tr行标签 th家村 td列标签 colspan合并

        <table border="1" width="500" cellspacing="0" cellpadding="5">
            <caption>购物车</caption>
            <!-- 表头 -->
            <thead>
                <tr bgcolor="lightblue">
                    <th>编号</th>
                    <th>名称</th>
                    <th>单价</th>
                    <th>数量</th>
                    <th>金额</th>
                </tr>
            </thead>
            <!-- 主题 -->
            <tr>
                <td>1</td>
                <td>商品1</td>
                <td>500</td>
                <td>1个</td>
                <td>500</td>
            </tr>
            <tr>
                <td>2</td>
                <td>商品2</td>
                <td>2500</td>
                <td>2个</td>
                <td>5000</td>
            </tr>
            <tr>
                <td>3</td>
                <td>商品3</td>
                <td>100</td>
                <td>2个</td>
                <td>200</td>
            </tr>
            <!-- 底部 -->
            <tr>
                <td colspan="3" align="center">合计</td>
                <!-- //合并三列 -->

                <td>5</td>
                <td>3200</td>
            </tr>

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值