02_前端HTML5

news/2024/9/24 18:00:39

文档:HTML5 简介 (w3school.com.cn)

 

1.h标签定义网页中的标题,h1-h6

2.p标签用于表示网页中的段落,一般会把一段文字放在p标签内

3.span标签一般用于表示网页中的行业元素,或者是对一部分内容生效,通常和css一起使用

3.strong标签用来加粗

4.em标签用于斜体

5.ul li标签表示无序列表

6.ol li 标签宝石有序列表(一般用于排名),属性reversed(倒序) ,start(从数字几开始)

7.dl dt dd标签标识描述列表

<dl><!-- dt: 用于表示被描述的名称 --><dt>HTML</dt><!-- dd: 用于表示描述信息 --><dd>超文本比较语言,用于写网页</dd></dl>

8.table标签表示一个表格

 <!-- 使用table制作一个表格 --><!-- tr 表示行 --><!-- th 表示表头 --><!-- td 表示数据单元格 --><table width="100%" border="1"><caption>水果价格表</caption><!-- 表头 不是必须的 --><tr><th></th><th>商品</th><th>价格</th><th>剩余</th></tr><!-- 一个tr表示一行 --><tr><th>水果</th><td>苹果</td><td>6</td><td>60kg</td></tr></table>

9.a标签表示一个超链接

    <!-- target=_blank 打开一个新的标签页 --><!-- target=_self 在当前标签页打开网址 --><a href="https://www.baidu.com" target="_blank">跳转到百度</a><!-- 内部链接  外部链接 锚点链接 --><!-- 内部链接一般写的都是相对路径 --><a href="./05 表格.html" target="_blank">打开表格页面</a><a href="#07">调整到07</a>

10.img表示一张图片

 <img src="xxx.jpg">

11.form表示一个表单

    <form action="#" method="get" id="login">用户名: <input readonly autocomplete="off" type="text" id="username" name="username" value="dukuan"/>密码: <input type="password" id="password" name="password" />手机号: <input type="text" maxlength="11" autocomplete="off" /><input type="submit" value="提交内容"/>性别: <label><input type="radio" name="sex" checked  value="1"/></label><label><input type="radio" name="sex" value="0"/></label>爱好: <label><input type="checkbox" name="hobby" checked  value="basketball"/>篮球</label><label><input type="checkbox" name="hobby" value="football"/>足球</label>多行输入框: <textarea></textarea></form>

12.DIV可以将html的文档划分成多个区块或者进行一个逻辑的分组

    <!-- div用途: 分组或者划分区块 --><!-- div用途: 样式控制 --><!-- div用途: 网页布局 --><div style="display: inline-block;"><p>这是网站的头部1</p></div>

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.ryyt.cn/news/46461.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈,一经查实,立即删除!

相关文章

FFmpeg开发笔记(三十一)使用RTMP Streamer开启APP直播推流

​RTMP Streamer是一个安卓手机端的开源RTMP直播推流框架,可用于RTMP直播和RTSP直播,其升级版还支持SRT直播(腾讯视频云就采用SRT协议)。RTMP Streamer支持的视频编码包括H264、H265、AV1等等,支持的音频编码包括AAC、G711、OPUS等等,可谓功能强大的APP直播框架。 由于升…

Primer Premier 6安装使用教程

Primer Premier是一款专业级PCR引物设计工具软件,专为科研及分子生物学实验定制PCR扩增、测序探针及杂交引物。该程序运用尖端演算法评估引物的特异性、二聚体可能性和熔解温度等核心属性,确保产出的引物在性能上精准高效。其用户友好界面不仅简化了引物设计流程,并整合了序…

Pycharm或cmd在Terminal中运行tensorboard、pip等python包

这个主要是添加python包的路径到环境变量里 因为装了anaconda,所以我们要找的是对应虚拟环境里的包路径,一般是放在anaconda安装路径下的anaconda3\envs\环境名\Scripts里然后找到环境变量找到Path把文件路径添加这样就可以运行pip、tensorboard等包了

MURF3040CTR-ASEMI智能AI应用MURF3040CTR

MURF3040CTR-ASEMI智能AI应用MURF3040CTR编辑:ll MURF3040CTR-ASEMI智能AI应用MURF3040CTR 型号:MURF3040CTR 品牌:ASEMI 封装:TO-220F 恢复时间:35ns 最大平均正向电流(IF):30A 最大循环峰值反向电压(VRRM):400V 最大正向电压(VF):0.95V~1.90V 工作温度:-50C~1…

SqlAlchemy-2-0-中文文档-十七-

SqlAlchemy 2.0 中文文档(十七)原文:docs.sqlalchemy.org/en/20/contents.html排序列表原文:docs.sqlalchemy.org/en/20/orm/extensions/orderinglist.html一个管理包含元素的索引/位置信息的自定义列表。 作者: Jason Kirtland orderinglist是一个用于可变有序关系的辅助…

SqlAlchemy-2-0-中文文档-十六-

SqlAlchemy 2.0 中文文档(十六)原文:docs.sqlalchemy.org/en/20/contents.htmlAutomap原文:docs.sqlalchemy.org/en/20/orm/extensions/automap.html定义一个扩展到sqlalchemy.ext.declarative系统的系统,自动生成从数据库模式到映射类和关系,通常而不一定是一个反射的数…

vscode中使用gitee

1.下载安装git https://www.cnblogs.com/htj10/p/12436737.html 2.生成ssh 密钥和公钥 运行git-bash.exe,或 右键打开 Git Bash Here 检查我们的目录下是否已经有公钥和私钥(如下是有的)# 进入用户的目录 john是自己的用户名 $ cd /c/users/john # 查看 是否有公钥 John@DES…

SqlAlchemy-2-0-中文文档-二-

SqlAlchemy 2.0 中文文档(二)原文:docs.sqlalchemy.org/en/20/contents.html使用 UPDATE 和 DELETE 语句原文:docs.sqlalchemy.org/en/20/tutorial/data_update.html到目前为止,我们已经覆盖了 Insert,这样我们可以将一些数据放入我们的数据库中,并且花了很多时间在 Sel…