2020-11-18

11.17  今天主要学习了一下“行内元素、块级元素和表格制作”,总的来说,收获较大,此课上了解了行内元素和块级元素的特征与区别,也知道了相关的标签格式,其次,老高还给我们讲了表格的制作方式和步骤,还有相关的标签,我因此了解了表格形式,有无序之类的问题,总之,感觉老师讲的还挺实用。

<!DOCTYPE html>
<!---->
<html>
    <head>
        <meta charset="UTF-8">
        <link rel="icon" sizes="any" mask href="//www.baidu.com/img/baidu_85beaf5496f291521eb75ba38eacbd87.svg">
        <title>百度一下,你就知道</title>
    </head>
    <body>
        <!--行内元素:长度和宽度包裹内容,不会自动换行 -->
        <img src="img/u=293626804,1643269753&fm=0&gp=0.jpg" title="辣眼睛" width="200px" /><br />
        <a href="https://www.baidu.com" target="_blank">baidu</a><br />
        <b>百度</b>S
        <i>百度</i>
        <del>百度</del>
        <a href="https://www.4399.com" target="_blank" >4399</a>
        <!--块级元素:长度填充整个副标记,高包裹内容,单独成行-->
        <p style="font-size: 40px ;">河南工业大学</p>
        <p>河南工业大学</p>
        <div>河南工业大学</div>
        <!--hn n:1~6-->
        <h1  >河南工业大学</h1>
        <h6>河南工业大学</h6>
        <!--有序列表 ordered list-->
        <ol start="2" type="i">
            <li>语文</li>
            <li>数学</li>
            <li>英语</li>
        </ol>
        <!--无序列表 unordered list-->
        <ul  type="square" >
            <li>语文</li>
            <li>数学</li>
            <li>英语</li>
        </ul>
    </body>
</html>

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <!--form表单,用来向服务器传递数据的-->
        <form>
            <!--隐藏框-->
            <input type="hidden" />
            <!--文本框-->
            <input type="text" placeholder="请输入用户名" />
            <!--密码框-->
            <input type="password" placeholder="请输入密码" />
            <!--文件框-->
            <input type="file" />
            <!--下拉列表-->
            <select>
                <option>--请选择--</option>
                <option>河南省</option>
                <option>湖南省</option>
                <option>湖北省</option>
            </select>
            <!--文本域-->
            <textarea>
                
            </textarea>
            <!--单选框-->
            <input type="radio" name="sex" id="male" /><label for="male">男</label>
            <input type="radio" name="sex" id="female" /><label for="female">女</label>
        </form>
    </body>
</html>

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值