HTML及相关知识汇总

努力学习滴老木

于 2021-12-02 23:51:07 发布

阅读量287

点赞数

分类专栏：我的HTML学习文章标签： html 前端

本文链接：https://blog.csdn.net/weixin_47589645/article/details/121598265

版权

本文汇总了HTML的重要标签，包括H5新增标签，以及实体字符和SEO基础知识。从段落到表格，再到表单验证，详细介绍了各元素的属性和用法。同时讲解了HTML规范、命名规则和SEO概念，如TDK设置和关键词选择策略，旨在帮助读者深入理解并掌握HTML。

摘要由CSDN通过智能技术生成

注意：标红的需要重视，其余有大概印象即可，如果在工作学习过程中遇到其他不明白的html知识再去完善和记下来。HTML死记没用，多去敲代码才能记住，不要在HTML花费太多时间，元素和属性用的多就自然记下来了。

一、需要熟悉的重要标签

1、段落标签p
2、标题标签h1-h6
3、图像标签img
属性：路径src、代替文本alt

4、链接标签a
属性：href、target="_blank"；锚文本应用href="#mao"

5、head子标签：
1.title
2.base默认链接标签,href
3.link引用标签，规范化引用css：<link rel="stylesheet" href="mystyle.css">
4.style样式标签
5.meta元数据标签，属性name、content；TDK优化：title、name="descrption"、name="keywords"

6、script脚本标签，规范化引用js：<script src="./xx.js"></script>

7、列表标签：

1.无序标签ul>li
2.有序标签ol>li
3.自定义标签dl>dt>dd
标签常用属性：list-style: none;

8、表格标签table：
表格结构化标签：thead、tbody、tfooter
表格的行、列：tr行、th表头列、td列
常用属性：
1.单元格合并colspan、rowspan
2.单元格内边距cellpadding，会撑大格子
3.单元格外边距cellspacing
4.单元格合并cell-collapse: collapse;
5.边框合并border-collapse: collapse;

9、表单标签form
一、属性：
1、action表单提交的服务器地址
2、method: post、get；

二、子元素——表单元素input
1、input重要属性：
1.name变量名
2.value变量值
3.autofocus表单元素自动聚焦
4.placeholder提示内容，通常用于文本框，密码框
5.step步长，在数字文本框用得上
6.disable禁用
7.readonly文本只读
8.type表单控件类型：
1.text文本框
2.password密码框
3.radio单选
4.checkbox多选
5.submit提交
6.reset重置
7.select下拉菜单
8.textarea文本域，文本域禁止拖拽resize: none
9.button自定义按钮
10.file文件上传
——以下是H5新增input属性值———————
11.color颜色
12.date年月日，时间相关还有很多，有需要可查阅文档
13.number数字
14.range条状