一、HTML 结构
1. 核心概念解析
HTML(超文本标记语言):构建网页的基石,定义了网页的骨架结构、内容的身份和语义、浏览器的解码规则、交互的基础框架;只负责是什么,不管好不好看,只负责显内容,不管能不能动,只负责搭架子,不管填什么。
标签:HTML 的指令,用尖括号包围,如 <p>、<div>。
元素:通常由开始标签 + 内容 + 结束标签组成(如 <p>这是一个段落</p>)。
属性:提供关于元素的额外信息(如 src、href、class),写在开始标签内。
超文本:不仅能包含文字,还能包含图片、视频、音频、链接等多种媒体内容。
语义化:使用具有明确含义的标签(如 <header>、<article>、<nav>),让代码更易读,也利于搜索引擎优化(SEO)和无障碍访问。
2. 标签知识点解析
<h2> 语义化标题:二级标题(数字越大字越小,h1 最大,h6 最小)。
<br> 换行标签:用于在不产生新段落的情况下强制换行。它是一个空元素(自闭合标签)。
<form> 表单容器:用于收集用户输入并封装为 HTTP 请求。
method="post":数据传输方式。POST 将数据藏在请求体内(暗码输入),比 GET(拼在 URL 后)(明码输入)更安全,适合传密码;渗透测试中 GET 传参能直接在 URL 看到参数值,POST 则看不到。action="/":提交的终点(后端接口地址)。
<span> 行内容器:常用于包裹一小段文字或行内元素,以便单独设置样式。
<div> 块容器:常用于页面布局的分区,比如将头部、内容区、尾部包裹起来。
<hr> 水平线标签:用于在页面上创建一条水平分隔线,通常用来分隔内容区块。
<input> 输入控件:交互式控件,由 type 决定功能。
type="text":单行明文输入。type="password":密码掩码输入(暗码,防偷看)。
id="username" 唯一标识:页面内的门牌号,必须唯一。JS 找元素、CSS 美化、锚点跳转全靠它。
<ul> 无序列表:列表项前通常显示为圆点、方块等符号。
<ol> 有序列表:列表项前会自动编号(1, 2, 3...)。
<a> 锚链接/链接标签:其核心属性 href 的功能定位跳转目的地。
核心用法:
- 写 URL(如 hh.html)→ 跳转到其他页面
- 写 #id(如 #baidu)→ 指定跳转到页面中的位置
- 写 # → 直接回到页面顶部
<img> 图片标签:单标签,不需要结束标签。
- src:图片的来源路径
- alt:图片加载失败的文字显示

