HTML基础框架

<!DOCTYPE html>

<html>

    <head>

        <title>我的网页</title>

        //编码格式 

         <meta charset="'utf-8">

    </head>

    <body>

       //标题 <!-- <h1  里面写属性align(位置)=“属性值”>-->

        <h1>一级标题</h1>

        <h2>二级标题</h2>

        <h3>三级标题</h3>

        <h4>四级标题</h4>

        <h5>五级标题</h5>

        <h6>六级标题</h6>

       //段落

       <p>段落</p>

       <p>这是一个好的段落<br>一个段落换成两行展示</p>

       //水平线,属性color,width,size(高度),align(位置)

       <hr 属性>

        //图片,属性src(路径),alt(图片无法显示的文本),width,height,title(鼠标上显示的文字)

        <img src="01.jpg">

        //超文本链接

        <a href="https://www.iqiyi.com/?vfm=f_479_dbm&fv=82351df7556c4185">爱奇艺(可以是词,文,图片)</a>

        //文本

        <em> 着重加重语气带斜体</em>

       <i>斜体</i>

       <b>加粗</b>

       <strong>加重语气且加粗</strong>

       <span>没有效果</span>

       <del>删除</del>

        //有序列表,ol的属性type="1/A/a/I"

      <ol type="1">

        <li>你还好吗

            <ol>

                <li>还好吧</li>

            </ol>

        </li>

        <li>开心吗</li>

        <li>伤心吗</li>

       </ol>

        //无序列表,ul的type="disc(实心圆)/circle(空心圆)/square(方块)/none(什么也不显示)"

         <ul>

                <li>大米</li>

                <li>小米</li>

                <li>绿豆</li>

        </ul>

        注:快捷键ul>li*数量

        //表格绘制,table常用属性width,border(边框),height

                             td属性colspan(水平合并)=“合并数量”,rowspan(垂直合并)=“合并数量”

        <table>

                <tr>

                    <td>一行一列</td>

                    <td>一行二列</td>

                </tr>

                <tr>

                    <td>二行一列</td>

                    <td>二行二列</td>

                </tr>

           </table>

          注:快捷键table>tr*数量>td*数量{单元格}

    </body>

</html>

//插件open in browser进入浏览器

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值