-
HTML知识点
目录
1、简单认识html
html：HyperText Mark-up Language 超文本标记语言
后台代码是什么，最终呈现给客户端的就是html+css。
2、标签
1>常用标签列表
标签 说明 b/strong 字体变粗体 i/em 文字变斜体 u 文字加下划线 del 删除线 br 换行 p 段落 pre 预格式化段落 span 标准行内标签，一般用来修饰文本 div 标准块标签，一般用来布局页面 sub 下标 sup 上标 hr 水平分割线 hn 标题标签（共有6级，h1、h2... h6） 2>语义化标签
标签名称 作用 header 定义页面的顶部（页眉）内容 article 主要是用来表示文章内容的 section 于对网站或者应用程序页面上的内容进行分块 nav 用作页面导航的链接组 aside 当前页面或文章的附属信息部分 footer 上层父级内容区块或是一个根区块的脚注 hgroup hgroup元素是将标题及其子标题进行分组的元素。hgroup 元素通常会将h1~h6元素进行分组，譬如一个内容区块的标题及其子元素算一组 address address元素用来在文档中呈现联系信息，包括文档作者或文档维护者的名字、他们的网站链接、电子邮件、真实地址、电话号码等 figure 网页上的一块独立元，素在一个figure元素中只能放置一个figcaption元素，表示该figure元素的标题 figcaption figure元素块中的标题 details details元素主要用来列表一些关键的的元素，在它中，我们使用summary元素作为details元素的标题，如果我们在details元素中不使用summary元素，则默认出现“显示详细信息”。 summary 作为details元素的标题 mark 标注或者高亮一些我们需要的关键字词 progress 表示当前的完成进度情况 meter meter元素有六个属性，value表示值，min表示最小值，max表示最大值，low表示下限，high表示上限，optimum表示最佳值 cite 表示作品或文章中的标题 small HTML5中，small元素被重新定义了，small通常标签与正文无关的文字，内嵌在页面上，如标注版权信息，网站备案等 canvas 画布标签，用来在页面上画图案 头部 内容 3>特殊实体 符号
4>多媒体标签
1）图片 img
路径:难点重点，必须掌握
相对路径:推荐使用,相对于当前的html页面来说的
绝对路径:不推荐
相对路径地址问题
img/info01.jpg 页面和img在同一个文件夹中，img文件夹中由一个图片info01.jpg info01.jpg 图片和页面在同一个文件夹中 ../info01.jpg 退一级找到info01.jpg ../img/info01.jpg 退一级，进入img文件夹找info01.jpg
1>标签
段落 标题 h1~h6 布局上
元素展示方式分类
1）块级元素:占据一块区域
2)内敛元素:不会独立占据一块区域
2>特殊实体符号
> < & ©
3>img标签
相对路径:【相对路径】
绝对路径:【不太用】
img/photo.jpg photo.jpg ../photo.jpg ../img/photo.jpg
4>引入多媒体资源
3>表格
thead：表格头
tbody：表格体
tfoot：表格脚
表格跨行与跨列
rowspan:跨行 colspan:跨列 跨行和列 位置，数量，删除占据的单元格的位置
4>超链接
1）页面间的链接
文字
2）锚链接
1>定义锚 2>使用锚
3) 功能性链接
4)map标签
shape:形状
coords:坐标
href:点击该区域连接到页面
5> 列表
注意：正确嵌套
1)无序列表
- 列表项一
- 列表项二
- 列表项三
ul 属性中有个type【列表符号的样式】 默认是disc【实心圆】 circle【空心圆】 square【实心方块】
2)有序列表
- 列表项一
- 列表项二
- 列表项三
type: 默认是1 2 3 其他:i ,a,A
3)自定义列表 图文混排上
- 标题
- 对标题的描述信息
- 对标题的描述信息
- 对标题的描述信息
6> 表单
form：定义一个表单，action属性代表的是表单提交的地址。
method:表单提交的方式，默认是get提交，可以社招method="post" 变成post提交
get与post提交的区别： get提交会将提交的参数拼接再url的后？name=val拼接并显示再url的后面
post会将提交的数据隐藏再请求体中提交给服务器端，post提交的方式比get更安全
提交数据量的大小也是不同的，get，post都有一个长度的限制。get数据量比较小的，post，肯定能满足你的要求的。
表单提交通过submit按钮来进行提交的 文本框：
密码框：
单选框：一组单选框，认为他的名字是要一致
代码说明:type="radio" 单选框，一组单选框的名字必须一致 value="提交给服务器的值"
单选框默认选择是checked="checked"
加入语义化标签
再label标签中加入for="id的值"
复选框
java
下拉列表框:option代表的是每个选项 selected="selected" 选项默认选中的
size:呈现出选项的个数 multiple="multiple":下拉列表框也选择多个
文件域：表单的提交方式必须是post提交，除此以外还需要设置表的数据提交方式 enctype="multipart/form-data"
文本区域框
隐藏域
滑块
数字
邮箱:输入必须是邮箱格式
url：输入正确的url地址
数字
不同类型的按钮
日期类型以及颜色
-
相关阅读:
【基本算法题-2022.7.27】5. 递归实现指数型枚举
c++数据结构：图（邻接矩阵）
pyqt 进度条QProgressBar
比Linus更牛逼的程序员，QEMU、FFmpeg的作者
pytorch-损失函数-分类和回归区别
高手过招，精彩纷呈：PostgreSQL数据库人才与业务生态应用论坛圆满落幕
2023年数据采集仪器行业市场前景分析
H5 的浏览器存储
Android源码——TypedValue源码解析
EQ 均衡器
- 原文地址：https://blog.csdn.net/qq_58029155/article/details/127453364