【笔记7】HTML及其常见标签
时间：2023-07-25 00:36:01 | 来源：网站运营
时间：2023-07-25 00:36:01 来源：网站运营
【笔记7】HTML及其常见标签：
概述：HTML（Hypertext Markup Language）是“超文本标记语言”，它是制作网页的标准语言
它的标签有四个特点：尖括号包围；通常成对出现（有些不是，比如：<img />）；标签层层嵌套；需要注意缩进。
历史
- HTML 的版本（W3C 组织制定规范）：HTML 4.01 // XHTML // HTML 5 // HTML 5.1
- 规范文档（Specifications）
由 W3C 写文档（李爵士）
W3C 根据浏览器的实际情况总结文档 - DOCTYPE：用来选择文档类型
- 常见标签：a、form、input、button、h1、p、ul、ol、small、strong、div、span、kbd、video、audio、svg（除了 div 和 span，其他标签都有默认样式）
HTML（5）文件结构1. <!DOCTYPE html> //文档类型：符合HTML5标准<html lang="en"> //lang属性：搜索引擎en英文，zh中文<head> <meta charset="UTF-8"> //<meta>：元数据；charset属性：字符集编码方式；浏览器：UTF-8是国际编码 <title> </title></head><body></body></html>2.字符集与编码
字符(character)：文字，符号；比如123 abc !%@
字符集(charset)：字符的集合；比如英文字符集，汉字字符集等等
编码：将字符和二进制码对应起来；比如a—01000001（ASCII）
3.乱码问题
源文件保存时的编码
源文件申明<meta charset="编码方式">不一致，就会出现乱码
HTML常见标签iframe 标签：嵌套页面<iframe src="
https://www.baidu.com" name="xxx"></iframe>
1. 超链接a（文字超链接，图片超链接，导航栏）
<a href="网址">文字或图片</a>
2. 链接到本站点其他网页
<a href="news.html">新闻</a>
3. 链接到其他站点
<a href="
http://www.baidu.com">百度</a>
4. 虚拟超链接
<a href="#">板块2</a>
form 标签：跳转页面（HTTP POST 请求）1.文本框，密码框input
<form>
<input type="text/password"/>
</form>
2.提交，重置按钮submit,reset
<form>
<input type="text"/>
<input type="submit" value="确定" />
<input type="reset" value="重置" />
</form>
3.单选框，复选框radio,checkbox
(单选框只能选择一项，复选框任意选择多项）
<form>
<input type="radio/checkbox"
value="值" name="名称" checked="checked" />
</form>
4.下拉列表框select option
<select>
<option>选项1</option>
<option selected="selected">选项2</option>
</select>
5.文本域Textarea
<textarea roxs="行数" cols="列数">文本</textarea>
(input / button 区别：是否为「空标签」)
table 标签：用于展示数据1.表格table tr td
<table>
<tr>
<td>data</td>
</tr>
</table>
2.表格table th （表头单元格：<th>）
<table border="1">
<tr> <th>文字</th> <th>文字</th> </tr>
<tr> <th>文字</th> <th>文字</th> </tr>
</table>
在线咨询
