黑马程序员html5（p30-p59）

最新推荐文章于 2023-07-14 17:12:19 发布
最新推荐文章于 2023-07-14 17:12:19 发布
阅读量397 收藏
点赞数
分类专栏： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Outsider_ahhdd/article/details/118930234
版权

在这里插入图片描述
在这里插入图片描述

表格标签

在这里插入图片描述
在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <table>
        <tr><td>姓名</td><td>性别</td> <td>年龄</td></tr>
<tr><td>刘德华</td><td>男</td> <td> 56 </td></tr>
<tr><td>张学友</td><td>男</td> <td>58 </td></tr>
<tr><td>郭富城</td><td>男</td> <td> 51 </td></tr>
<tr><td>黎明</td><td>男</td> <td> 57 </td></tr>



    </table>
    
</body>
</html>

在这里插入图片描述
在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <table>

        <!--这些属性要写到表格标签tabLe里面去-->
        <table align="center" border="1" cellpadding="20" cellspacing="0" width="500" height="249">
        <tr><th>姓名</th><th>性别</th> <th>年龄</th></tr>
        <tr><td>刘德华</td><td>男</td> <td> 56 </td></tr>
        <tr><td>张学友</td><td>男</td> <td>58 </td></tr>
        <tr><td>郭富城</td><td>男</td> <td> 51 </td></tr>
        <tr><td>黎明</td><td>男</td> <td> 57 </td></tr>



    </table>
    
</body>
</html>

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <table width="500" height="249" border="1" cellspacing="0">
        <tr>
            <td></td>
            <td colspan="2"></td>
    
        </tr>
        <tr>
            <td rowspan="2"></td>
            <td></td>
            <td></td>
        </tr>
        <tr>

            <td></td>
            <td></td>
        </tr>
        
</body>
</html>

在这里插入图片描述
在这里插入图片描述

列表标签

在这里插入图片描述

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h4>您喜欢的食物?</h4>
    <ul>
        <li>榴莲</li>
        <li>臭豆腐</li>
        <li>鲱鱼罐头</1i>
    </ul>

</body>
</html>

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h4>粉丝排行榜</h4>
    <ol>
        <li>刘德华10800</li>
        <li>刘若英1000</li>
        <li>pink老师1</li>
    </ol>

</body>
</html>

在这里插入图片描述
在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <dl>
        <dt>关注我们</dt>
        <dd>新浪微博</dd>
        <dd>官方微信</dd>
        <dd>联系我们</dd>
    </dl>
        
</body>
</html>

在这里插入图片描述

表单标签

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form action="xxx.php" method="get">

        <!--text 文本框 用户可以输入任何文字-->
        用户名 <input type="text" name="username" value="请输入用户名" maxlength="6"> <br>
        <!-- password 密码框用户看不见输入的密码-->
        密码:<input type="password" name="pwd"> <br>
        <!-- radio单选按钮可以实现多选-->
        <!-- name是表单元素名字这里性别单选按钮必须有相同的名字name才可以实现多选1-->
        <!-- 单选按钮和复选框可以设置chiecked属性，当页面打开的时候就可以默认洗中这个 -->

        性别:男<input type="radio" name="sex" value="男">女<input type="radio" name="sex" value="女" checked="checked"> <br>
        <!-- checkboxI复选按钮可以实现多选—-->
        爱好:吃饭<input type="checkbox" name="hobby" value="吃饭">睡觉<input type="checkbox" name="hobby"> 打豆豆<input type="checkbox" name="hobby"><br>
        <!-- checkbox复选框―可以实现多选--> 
        <!-- 点击了提交按钮，可以把表单域 form里面的表单元素里面的值提交给后台服务器 -->
        <input type="submit" value="免费注册">
        <!-- 重置按钮可以还原表单元素初始的默认状态 -->
        <input type="reset" value="重新填写">
        <!--普通按钮buttonI后期结合js 搭配使用-->
        <input type="button" value="获取短信验证码">
        <!--文件域使用场景上传文件使用的-->
        上传头像:<input type="file" >

    </form>
</body>
</html>

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <label for="text">用户名:</label><input type="text" id="text" >
    <input type="radio" id="nan"> <label for="nan">男</label>
    <input type="radio" id="nv"><label for="nv">女</label>
    
</body>
</html>

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form>
    籍贯:
    <select>
        <option>山东</option>
        <option>北京</option>
        <option>天津</option>
        <option selected="selected">火星</option>

    </select>
    </form>     
</body>
</html>

在这里插入图片描述
在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form>
        今日反馈:
        <textarea cols="50" rows="5">pink老师,我知道这个反馈留言是textarea来做的</textarea>
    </form>   
</body>
</html>

在这里插入图片描述
在这里插入图片描述

查阅文档

W3C: http://www.w3school.com.cn/
MDN: https://developer.mozilla.org/zh-CN/

F=k·Δx
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
WA2600-CMW520-R1122P30-FAT_版本说明书
02-01
H3C WA2600系列(WA2610E-AGN、WA2620E-AGN、WA2610E-GNP、WA2610X-GNP、WB2360X-ANP、WA2620X-AGNP) WA2600-CMW520-R1122P30-FAT_版本说明书
Proving the Correctness of Nonblocking Data Structures - ACM (p30-desnoyers)-计算机科学
04-22
CONCURRENCY1Proving the Correctness of Nonblocking Data StructuresNonblocking synchronization can yield astonishing results in terms of scalability and realtime response, but at the expense of verification state space.Mathieu Desnoyers, EfficiOSSo you’ve decided to use a nonblocking data structure, and now you need to be certain of its correctness. How can this be achieved?When a multithreaded program is too slow because of a frequently acquired mutex, the programmer’s typical reaction is
变频器说明书系列-EISN P26-P30.pdf
04-30
变频器说明书系列-EISN P26-P30.pdf
华为P30-pro文字转语音app.docx
09-27
华为P30-pro文字转语音app.docx
KMB010P30QA-VB一款SOP8封装P-Channel场效应MOS管
05-10
SOP8；P—Channel沟道,-30V；-11A；RDS(ON)=10mΩ@VGS=10V,VGS=20V；Vth=-1.42V；
黑马程序员-HTML5
xinxin050803的博客
06-18 364
HTML标准自1999年12月发布的 HTML 4.01 后，后继的 HTML 5 和其它标准被束之高阁，为了推动web标准化运动的发展，一些公司联合起来，成立了一个叫做 Web Hypertext Application Technology Working Group （Web 超文本应用技术工作组 - WHATWG） 的组织。WHATWG 致力于 web 表单和应用程序，而 W3C（Worl...
黑马程序员---html5入门
一夜奈何梁山
08-11 505
<!DOCTYPE html> <!-- en表示英文，zh-CN表示中文 --> <html lang="en"> <head> <!-- 1:原标签meta：指定编码 --> <!-- 2:自动保存 file + Auto save --> <!-- 3:设置字体大小setting + settings + TextEditor + Fount --> <!-- 4:设置背
黑马程序员 HTML5 学习笔记
susu的博客
07-14 2007
1.html语法规范2.html基本结构标签3.开发工具4.html常用标签5.html中注释和特殊字符
黑马程序员- html内容
darkleo的专栏
03-24 907
---------------------- ASP.Net+Unity开发、.Net培训、期待与您交流！ ----------------------                                                                         html内容 一，介绍
黑马程序员_HTML5新特性总结
taotaoyang_888的专栏
05-10 641
一、HTML5的优势     解决了
黑马程序员JavaWeb开发教程（P145-P155）
这里有一只小马吖
07-14 1565
黑马程序员JavaWeb开发教程（P145-P155）
黑马程序员HTML5学习笔记
Fun2002的博客
04-06 1474
2021.4.6 ** 概述 ** 网页 网站是网页的集合，网页是网站的一页，通常是HTML格式的文件，通过浏览器阅读。 网页是构成网站的基本元素，通常由图片，文字，声音等元素组成，俗称HTML文件。 网页是利用html标签描述出网页元素形成，然后通过浏览器解析来显示给用户的 HTML HTML指的是超文本标记语言，用来描述网页的一种语言 超文本有两层含义: 1.超越了文本限制：可以加入图片，声音，多媒体等内容 2.超级链接文本：可以从一个文件跳转到另一个文件，与世界各地主机的文件相连。 做一个简单的网页：
黑马程序员pink老师前端入门教程，零基础必看的h5(html5)+css3+移动端前端视频教程（HTML）
m0_51448653的博客
09-27 1935
一、基础班学习路线 二、HTML5基础 1.网页的相关概念 什么是网页 网站是网页的集合 网页是网站中的一页，通常是HTML格式的文件，网页是构成网站的基本元素，常见以**.htm或.html**后缀结尾的文件 什么是HTML HTML指的是超文本标记语言，它是用来描述网页的语言 HTML不是一种编程语言，而是一种标记语言。标记语言是一套标记标签。 2. ...
html5-排版标签（黑马程序员 超详细 学习笔记 已完结 ）
weixin_50935546的博客
10-17 599
html5-排版标签 黑马程序员 超详细 学习笔记 代码+运行效果+视频知识点截图 已完结
Java开发案例-springboot-19-校验表单重复提交-源代码+文档.rar
05-31
Java开发案例-springboot-19-校验表单重复提交-源代码+文档.rar Java开发案例-springboot-19-校验表单重复提交-源代码+文档.rar Java开发案例-springboot-19-校验表单重复提交-源代码+文档.rar Java开发案例-springboot-19-校验表单重复提交-源代码+文档.rar Java开发案例-springboot-19-校验表单重复提交-源代码+文档.rarJava开发案例-springboot-19-校验表单重复提交-源代码+文档.rar Java开发案例-springboot-19-校验表单重复提交-源代码+文档.rar
基于android的公司员工考勤综合信息平台源码.zip
05-31
提供的源码资源涵盖了安卓应用、小程序、Python应用和Java应用等多个领域，每个领域都包含了丰富的实例和项目。这些源码都是基于各自平台的最新技术和标准编写，确保了在对应环境下能够无缝运行。同时，源码中配备了详细的注释和文档，帮助用户快速理解代码结构和实现逻辑。 适用人群： 这些源码资源特别适合大学生群体。无论你是计算机相关专业的学生，还是对其他领域编程感兴趣的学生，这些资源都能为你提供宝贵的学习和实践机会。通过学习和运行这些源码，你可以掌握各平台开发的基础知识，提升编程能力和项目实战经验。 使用场景及目标： 在学习阶段，你可以利用这些源码资源进行课程实践、课外项目或毕业设计。通过分析和运行源码，你将深入了解各平台开发的技术细节和最佳实践，逐步培养起自己的项目开发和问题解决能力。此外，在求职或创业过程中，具备跨平台开发能力的大学生将更具竞争力。 其他说明： 为了确保源码资源的可运行性和易用性，特别注意了以下几点：首先，每份源码都提供了详细的运行环境和依赖说明，确保用户能够轻松搭建起开发环境；其次，源码中的注释和文档都非常完善，方便用户快速上手和理解代码；最后，我会定期更新这些源码资源，以适应各平台技术的最新发展和市场需求。
珍藏很久的一套源码升级了很多
05-31
很强大的阿凤飞飞的身份就把饭啦啊开房记录看妇科阿里看到就考虑是否就解放路口空间按时到路口附近开了房间卡拉的时间分开垃圾的浪费空间按可浪费阿克纠纷的看了觉得空房间看大神经费卡上的减肥快接啊看来积分卡时间分开拉丝机房里看见啦开恐怕为日文名弄法卡上的健康饭卡里解放开了哈嘎考虑对方好几万呢uaho时到路口附近开了房间卡拉的时间分开垃圾的浪费空间按可浪费阿克纠纷的看了觉得空房间看大神经费卡上的减肥快接啊看来积分卡时间分开拉丝机房里看见啦开恐怕为日文名弄法卡上的健康饭卡里解放开了哈嘎考虑对方好几万呢uaho上的健康饭卡里解放开了哈嘎考虑对方好几万呢uaho时到路口附近开了房间卡拉的时间分开垃圾的浪费空间按可浪费阿克纠纷的看了觉得空房间看大神经费卡上的减肥快接啊看来积分卡时间分开拉丝机房里看见啦开恐怕为日文名弄法卡上的健康饭卡里解放开了哈嘎考虑对方好几万呢uaho垃圾的浪费空间按可浪费阿克纠纷的看了觉得空房间看大神经费卡上的减肥快接啊看来积分卡时间分开拉丝机房里看见啦开恐怕为日文名弄法卡上的健康饭卡里解放开了哈嘎考虑对方好几万呢uaho上的健康饭卡里解放开了哈嘎考虑对方好几万呢uaho时到路口附近开
附件二六个指标与权重得分 - 副本.xlsx
最新发布
05-31
附件二六个指标与权重得分 - 副本
p30-p41交叉引用
09-18
P30-p41交叉引用是指在文献、书籍等资料的页面30至41之间进行引用和参考。这种交叉引用的目的是在阅读或查找特定信息时，能够方便地跳转到所需的页面或章节，节省时间并提高效率。 交叉引用通常采用页码的方式进行，比如在P30的位置引用了P35的内容，读者只需翻到P35即可查看具体信息。交叉引用的使用对于大篇幅的文献或书籍尤为重要，它可以帮助读者在复杂的内容结构中准确地找到所需信息，也方便作者或编者组织和安排文本结构。 在图书设计和排版中，交叉引用在目录、索引以及各章节间的链接等方面起到了关键的作用。它不仅提高了读者的阅读体验，也使得书籍的组织结构更加清晰和易于导航。 随着电子书的普及，交叉引用的方式也在不断变化。电子书可以通过超链接实现交叉引用，读者只需点击相应链接即可跳转到目标位置。这种方式更加方便快捷，同时还能提供更多的交互功能，比如书签的设置和注释的添加。 总之，P30-p41交叉引用是一种方便读者阅读和查找资料的方法。它在各种文献和书籍中被广泛使用，为读者提供了一种高效、准确的定位和导航方式，使阅读过程更加便捷和愉悦。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值