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 内标签 → 排版 → 文本 → 图片 → 超链接 → 列表 → 表格 → 表单 → 全局属性 → 实体用途学完自查能顺着导图把标签和属性复述出来就算过关

相关新闻

云智变AI是什么?云智变AI官网www.yunzhibian.cn学术流程脚手架科普——微信公众号搜一搜 云智变ai学术

云智变AI是什么?云智变AI官网www.yunzhibian.cn学术流程脚手架科普——微信公众号搜一搜 云智变ai学术

先说一个比“工具好不好用”更值得关注的问题 2026年5月,中国学位与研究生教育学会发布了《规范研究生学位论文与实践成果中人工智能工具使用指南》,其中明确要求:学位论文中如果使用了AI工具,需要在论文中出具“人工智能使用声明…

2026/11/1 17:08:51 阅读更多 →
developer-roadmap 之 AI 红队实战:基础设施安全评估指南(云环境、服务器与容器的攻击面排查)

developer-roadmap 之 AI 红队实战:基础设施安全评估指南(云环境、服务器与容器的攻击面排查)

文档教程知识库 【免费下载链接】developer-roadmap Interactive roadmaps, guides and other educational content to help developers grow in their careers. 项目地址: https://gitcode.com/GitHub_Trending/de/developer-roadmap 点击查看 免费下载 本文聚焦 …

2026/10/23 19:11:30 阅读更多 →
高仕星番茄红素适合哪些备孕期男性

高仕星番茄红素适合哪些备孕期男性

高仕星番茄红素适合哪些备孕期男性,结合国家保健食品相关规范与男性生殖营养的研究结论,目前有明确营养调理需求的四类备孕期成年男性,补充合规高活性的天然番茄红素可以获得针对性的身体状态改善收益,不存在通用的适配所有男性的…

2026/10/25 17:23:06 阅读更多 →

最新新闻

Electron桌面应用开发实战:从环境搭建到打包发布全流程

Electron桌面应用开发实战:从环境搭建到打包发布全流程

做前端这些年,我大部分时间都在跟浏览器标签页打交道,直到第一次把桌面应用跑起来,才发现原来自己一直被限制在地址栏和刷新按钮围起来的框框里。Electron这个词,最开始是在某段时间频繁出现在同事的讨论里,一个用HTML…

2026/11/10 23:32:01 阅读更多 →
滑盖智能锁T109深度解析:结构原理、安装调试与故障排查

滑盖智能锁T109深度解析:结构原理、安装调试与故障排查

简介:亚太天能T109滑盖智能锁产品说明书是一份PDF格式的官方技术文档,主要面向智能锁安装人员、终端用户及售后维护者,帮助快速掌握产品安装、配置与常见故障处理。全包仅1个PDF文件,大小4.37MB,内容结构清晰&#xff…

2026/11/10 23:32:03 阅读更多 →
PMSM弱磁控制原理与Simulink建模:高速AGV驱动系统设计指南

PMSM弱磁控制原理与Simulink建模:高速AGV驱动系统设计指南

上个月我在调试一台高速AGV的驱动系统,整车要求空载跑到8m/s,电机转速已经拉到额定点,驱动器的输出电压也顶到了母线电压极限附近。再往上踩速度指令,转速纹丝不动,三相电流反而开始震荡。那会儿我的第一反应就是&…

2026/11/11 2:31:33 阅读更多 →
C++核心知识点:从内存管理到STL的实战指南

C++核心知识点:从内存管理到STL的实战指南

C 这门语言我前前后后折腾了十几年,用它写过嵌入式驱动、做过游戏服务端,也搭过基础组件库。每次看到新人一头扎进"C 核心知识点"这个搜索词,我其实挺感慨的——这门语言的难点从来不是语法多,而是知识点之间的耦合太深…

2026/11/10 16:14:15 阅读更多 →
T109滑盖智能锁怎么装?安装调试与故障排查全攻略

T109滑盖智能锁怎么装?安装调试与故障排查全攻略

简介:亚太天能T109滑盖智能锁产品说明书以PDF格式发布,适合智能锁用户、安装人员与售后维修人员阅读。内容围绕T109系列指纹密码刷卡锁展开,先介绍前面板、后面板、锁体、机械钥匙、电池盒盖等部件名称与功能,再给出完整安装步骤&…

2026/11/10 12:51:50 阅读更多 →
LLM知识降熵:从信息垄断到理解权下放

LLM知识降熵:从信息垄断到理解权下放

你有没有过这种经历:翻开源码注释、论文摘要或者一份专业报告,每个字都认识,连在一起却像天书。想找人聊聊,身边要么没人懂,要么懂的懒得跟你解释。后来我试着把同一段内容丢给一个大语言模型,几秒钟之后&a…

2026/11/10 23:32:10 阅读更多 →

日新闻

周新闻

月新闻