一、超链接 a跳转页面 / 文件主要作用就是跳转跳页面、跳文件、跳锚点、唤起应用href跳去哪 ·target怎么打开_self本窗口 /_blank新窗口跳文件浏览器打得开就直接显示打不开就自动触发下载想强制下载加download属性属性值 下载后的文件名二、锚点网页里的标记点设置锚点两种方式①a标签 name属性 ② 任意标签 id属性跳转href#锚点名href#回到顶部跨页面跳锚点写页面.html#锚点名name和id区分大小写id最好别用数字开头三、唤起指定应用用a标签的href直接唤起tel:打电话 ·mailto:发邮件 ·sms:发短信四、有序列表 与 无序列表ol有序自动 1. 2. 3.·ul无序自动小圆点列表项都用lili最好写在ul/ol里面不要单独使用五、列表嵌套列表的某一项里再放一个列表嵌套时结构必须写完整新的ul要包在自己的li里面六、自定义列表一个dl就是整个列表dt是术语名称dd是术语描述可以写多个七、表格基本结构完整表格四部分标题 caption · 头部 thead · 主体 tbody · 脚注 tfoottr一行表头用th自动加粗居中普通单元格用td八、表格常用属性标签常用属性tablewidth / height / border / cellspacingthead / tbody / tr / tfootheight · align水平· valign垂直td / thwidth / height / align / valign /rowspan/colspanborder只控制最外侧边框宽度单元格边框后期靠 CSS设了某个单元格的宽 →整列确定设了高 →整行确定默认列宽 该列最长文字的宽度九、跨行跨列rowspann向下跨 n 行 ·colspann向右跨 n 列跨了几格后面就要少写几个对应的 td十、常用标签补充br换行单标签·hr分隔单标签·pre按原文显示嵌大段代码别用br拉开行距用p或以后的 CSS margin只想画线没语义用 CSS十一、表单基本结构表单 收集用户数据的交互区域action提交地址 ·target打开方式 ·method提交方式get/post先了解十二、表单控件 ①—④输入类文本框typetext· 密码框typepassword都有 name / value / maxlength单选框typeradio同一组name 必须一致才有单选效果复选框typecheckboxchecked设默认选中十三、表单控件 ⑤—⑧隐藏域与按钮隐藏域typehidden用户看不见提交时悄悄携带固定数据button默认typesubmit普通按钮必须写typebutton否则会提交表单按钮都别写 nameinput 式按钮用value指定按钮文字十四、表单控件 ⑨—⑩文本域与下拉框文本域textarea多行输入rows控行数高、cols控列数宽没有 type下拉框selectoptionoption 设value则提交 value建议设selected默认选中十五、禁用 与 label 关联任何表单控件加disabled即被禁用input / textarea / button / select / option 都行label 关联后点文字 控件获取焦点两种写法br① label 的for 控件的id② 把控件直接套在 label 里十六、fieldset 与 legend了解fieldset给表单控件分组自带边框legend是分组的标题十七、iframe 框架在网页里嵌另一个文件/页面常见于嵌广告width/height/frameborder0 不显示边框配合超链接/表单的target框架name点链接内容显示在 iframe 里十八、HTML 实体特殊符号空格 等要写实体浏览器才能正确显示结构 实体名 ;或# 编号 ;必背nbsp;空格 ·lt;小于 ·gt;大于 ·amp;和号 ·quot;引号 ·copy;版权十九、HTML 全局属性每个标签都能用id唯一标识不能重复label 关联、CSS、JS 都靠它class类名CSS 设置样式用style行内 CSS ·title文字提示 ·lang语言 ·dir方向ltr/rtl二十、meta 元信息写在 head 里作用给浏览器和搜索引擎看的页面信息用户看不到三种属性名charset编码 ·name描述类 ·http-equiv功能类SEO 两件套keywords8~12 个词英文逗号隔开·description80 字以内refresh可以做自动刷新/跳转content10;urlhttp://...表示 10 秒后跳转二十一、HTML 总结思维导图把整章串一遍注释 → 主体结构 → head 内标签 → 排版 → 文本 → 图片 → 超链接 → 列表 → 表格 → 表单 → 全局属性 → 实体用途学完自查能顺着导图把标签和属性复述出来就算过关 
长河君 · 2026/10/3 12:51:00 · 阅读 1.2k HTML 基础笔记完结
一、超链接 a跳转页面 / 文件主要作用就是跳转跳页面、跳文件、跳锚点、唤起应用href跳去哪 ·target怎么打开_self本窗口 /_blank新窗口跳文件浏览器打得开就直接显示打不开就自动触发下载想强制下载加download属性属性值 下载后的文件名二、锚点网页里的标记点设置锚点两种方式①a标签 name属性 ② 任意标签 id属性跳转href#锚点名href#回到顶部跨页面跳锚点写页面.html#锚点名name和id区分大小写id最好别用数字开头三、唤起指定应用用a标签的href直接唤起tel:打电话 ·mailto:发邮件 ·sms:发短信四、有序列表 与 无序列表ol有序自动 1. 2. 3.·ul无序自动小圆点列表项都用lili最好写在ul/ol里面不要单独使用五、列表嵌套列表的某一项里再放一个列表嵌套时结构必须写完整新的ul要包在自己的li里面六、自定义列表一个dl就是整个列表dt是术语名称dd是术语描述可以写多个七、表格基本结构完整表格四部分标题 caption · 头部 thead · 主体 tbody · 脚注 tfoottr一行表头用th自动加粗居中普通单元格用td八、表格常用属性标签常用属性tablewidth / height / border / cellspacingthead / tbody / tr / tfootheight · align水平· valign垂直td / thwidth / height / align / valign /rowspan/colspanborder只控制最外侧边框宽度单元格边框后期靠 CSS设了某个单元格的宽 →整列确定设了高 →整行确定默认列宽 该列最长文字的宽度九、跨行跨列rowspann向下跨 n 行 ·colspann向右跨 n 列跨了几格后面就要少写几个对应的 td十、常用标签补充br换行单标签·hr分隔单标签·pre按原文显示嵌大段代码别用br拉开行距用p或以后的 CSS margin只想画线没语义用 CSS十一、表单基本结构表单 收集用户数据的交互区域action提交地址 ·target打开方式 ·method提交方式get/post先了解十二、表单控件 ①—④输入类文本框typetext· 密码框typepassword都有 name / value / maxlength单选框typeradio同一组name 必须一致才有单选效果复选框typecheckboxchecked设默认选中十三、表单控件 ⑤—⑧隐藏域与按钮隐藏域typehidden用户看不见提交时悄悄携带固定数据button默认typesubmit普通按钮必须写typebutton否则会提交表单按钮都别写 nameinput 式按钮用value指定按钮文字十四、表单控件 ⑨—⑩文本域与下拉框文本域textarea多行输入rows控行数高、cols控列数宽没有 type下拉框selectoptionoption 设value则提交 value建议设selected默认选中十五、禁用 与 label 关联任何表单控件加disabled即被禁用input / textarea / button / select / option 都行label 关联后点文字 控件获取焦点两种写法br① label 的for 控件的id② 把控件直接套在 label 里十六、fieldset 与 legend了解fieldset给表单控件分组自带边框legend是分组的标题十七、iframe 框架在网页里嵌另一个文件/页面常见于嵌广告width/height/frameborder0 不显示边框配合超链接/表单的target框架name点链接内容显示在 iframe 里十八、HTML 实体特殊符号空格 等要写实体浏览器才能正确显示结构 实体名 ;或# 编号 ;必背nbsp;空格 ·lt;小于 ·gt;大于 ·amp;和号 ·quot;引号 ·copy;版权十九、HTML 全局属性每个标签都能用id唯一标识不能重复label 关联、CSS、JS 都靠它class类名CSS 设置样式用style行内 CSS ·title文字提示 ·lang语言 ·dir方向ltr/rtl二十、meta 元信息写在 head 里作用给浏览器和搜索引擎看的页面信息用户看不到三种属性名charset编码 ·name描述类 ·http-equiv功能类SEO 两件套keywords8~12 个词英文逗号隔开·description80 字以内refresh可以做自动刷新/跳转content10;urlhttp://...表示 10 秒后跳转二十一、HTML 总结思维导图把整章串一遍注释 → 主体结构 → head 内标签 → 排版 → 文本 → 图片 → 超链接 → 列表 → 表格 → 表单 → 全局属性 → 实体用途学完自查能顺着导图把标签和属性复述出来就算过关