01-01-02 HTML基础学习整理

一、HTML基本语法

1.HTML标签

标签分类：单标签（<br />）、双标签(<p>输入内容</p>)

2.HTML元素

1.元素：开始标签、元素内容、结束标签。

2.元素内容：

• 可以为纯文本或者其他HTML元素。
• 单标签是不能添加元素内容的

3.标签级别：

• 容器级：标签内部可以存放任意内容，包含容器级标签。比如h1，div等。
• 文本级：标签内部只能存放文字或类似文字的内容，比如存放图片、表单元素等。比如 p等。

4.元素特性：

• 元素间对空格、换行、缩进等形成的空白不敏感
• 空白折叠现象：空格、换行、缩进等空白字符，会折叠成 一个空格显示

3.HTML属性

1.属性：可以提供关于HTML元素的更多信息。

2.属性规范：

• 必须写在开始标签或者单标签之内，与标签名之间用空格进行分隔
• 属性包含：属性名（key）、属性值（value）。（<p k="v"></p>）
• 一个标签内可以设置多个不同的属性，属性与属性之间使用空格进行分隔，每个属性的键 值对写法都是k="v"。（<p k="v" k="v" k="v"></p>）
• 部分标签属性k可以设置多个属性值v，所有属性值v都必须写在同一对双引号内，值与值之 间需要使用空格分隔。（<p k="v1 v2 v3 v4"></p>）

二、HTML常用标签

• 注释(<!--注释内容-->)
• 标题（<h1></h1>~<h6></h6>）:<h1>标签最重要，<h2>标签次重要，以此类推。约定俗成的，一个页面中只会出现一个<h1>
• 段落<p>
• 换行<br />

• 图像<img>

• 音频<audio>和视频<video>:controls属性设置播放器的控制条。
• 超链接<a href="目标地址"></a>
• 列表：无序列表<ul><li>、有序列表<ol><li>、定义列表<dl><dt><dd>
• 布局标签<div>、<span>

三、HTML基本语法

1.表格<table>:

• tr：行、td：列；
• rowspan：跨行和并，colspan：跨列合并。

2.表单<form>:收集用户输入信息，一个完整的表单通常由表单域、提示信息和表单控件（也称为表单元素）3个 部分构成。

• 表单域：相当于一个容器，用来容纳所有的表单控件和提示信息，可以通过他定义处 理表单数据所用程序的url地址，以及数据提交到服务器的方法。如果不定义表单域， 表单中的数据就无法传送到后台服务器。
• 提示信息：一个表单中通常还需要包含一些说明性的文字，提示用户进行填写和操作。
• 表单控件：包含了具体的表单功能项，如单行文本输入框、密码输入框、复选框、提 交按钮、重置按钮等。

3.表单元素<input>标签常用属性

4.表单元素<textarea>文本域：可输入多行文本

5.表单元素下拉菜单<select><option>组合形成

6.表单元素<label>:是帮表单元素定义标注（标记）

7.字符实体：