HTML
HTML简介
Hyper Text Markup Language （超文本标记语言）简写：HTML。通过标签来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）
代码示例：
<!DOCTYPE html> <!--约束，声明-->
<html lang="en"> <!--htmL标签表示htmL的开始，lang="zh_CN"表示中文html，lang="en"表示英文html,标签中一般分为两部分,分别是: head和body
-->
<head> <!--表示头部信息，一般包含三部分内容，title标签，css样式，js代码-->
<meta charset="UTF-8"> <!--表明当前页面使用UTF
-8字符集-->
<title>标题</title>
</head>
<body> <!--body标签是html页面显示的主题内容-->
hello
</body>
</html>
注：Java 文件是需要先编译，再由 java 虚拟机跑起来。但 HTML 文件它不需要编译，直接由浏览器进行解析执行。
HTML 文件的书写规范
<html> 表示整个 html 页面的开始
<head> 头信息
<title>标题</title> 标题
</head>
<body> body 是页面的主体内容
页面主体内容
</body>
</html> 表示整个 html 页面的结束
Html 的代码注释
HTML 标签介绍
-
标签的格式:
<标签名>封装的数据</标签名>
-
标签名大小写不敏感。
-
标签拥有自己的属性。
i. 分为基本属性：
bgcolor="red" 可以修改简单的样式效果
ii. 事件属性：
onclick="alert('你好！')" 可以直接设置事件响应后的代码。
-
标签又分为，单标签和双标签。
i. 单标签格式：
<标签名 /> br 换行 hr 水平线ii. 双标签格式:
<标签名> ...封装的数据...</标签名>
标签的语法
<!-- ①标签不能交叉嵌套 -->
正确：<div><span>早安，玛卡巴卡</span></div>
错误：<div><span>早安，玛卡巴卡</div></span>
<hr/>
<!-- ②标签必须正确关闭 -->
<!-- i.有文本内容的标签： -->
正确：<div>早安，玛卡巴卡</div>
错误：<div>早安，玛卡巴卡
<hr />
<!-- ii.没有文本内容的标签： -->正确：<br />错误：<br><hr />
<!-- ③属性必须有值，属性值必须加引号 -->正确：<font color="blue">早安，玛卡巴卡</font> 错误：<font color=blue>早安，玛卡巴卡</font> 错误：<font color>早安，玛卡巴卡</font><hr />
<!-- ④注释不能嵌套 -->正确：<!-- 注释内容 --> <br/>错误：<!-- <!-- 这是错误的 html 注释 --> --><hr />
注意事项：
- html 代码不是很严谨。有时候标签不闭合，也不会报错。
常用标签介绍
font 字体标签
<body><!-- 字体标签需求1：在网页上显示我是字体标签，并修改字体为宋体，颜色为红色。font 标签是字体标签,它可以用来修改文本的字体,颜色,大小(尺寸) color 属性修改颜色face 属性修改字体size 属性修改文本大小--><font color="red" face="宋体" size="7">我是字体标签</font></body>
特殊字符
一些字符在 HTML 中拥有特殊的含义，比如小于号 (<) 用于定义 HTML 标签的开始。如果我们希望浏览器正确地显示这些字符，我们必须在 HTML 源码中插入字符实体。
字符实体有三部分：一个和号 (&)，一个实体名称，或者 # 和一个实体编号，以及一个分号 (