HTML概述
HTML: Hyper Text Markup Language 超文本标记语言
超文本: 比普通文本功能更加强大,可以添加各种样式
标记语言: 通过一组标签.来对内容进行描述. <关键字> , 是由浏览器来解释执行
<!--
1. 上面是一个文档声明
2. 根标签 html
3. html文件主要包含两部分. 头部分和体部分
头部分 : 主要是用来放置一些页面信息
体部分 : 主要来放置我们的HTML页面内容
4. 通过标签来对内容进行描述,标签通常都是由开始标签和结束标签组成
5. 标签不区分大小写, 官方建议使用小写
-->
代码演示
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>demo1</title>
</head>
<body>
<!--
h1 标题 :
h后面数字 取值范围: 1~6
-->
<h1> 标题1 </h1>
<h2> 标题2 </h2>
<h3> 标题3 </h3>
<h4> 标题4 </h4>
<h5> 标题5 </h5>
<h6> 标题6 </h6>
<h77> 标题h77 </h77>
普通文本
<!--水平分割线-->
<hr />
<p> 段落1 </p>
<p> 段落1 </p>
<p> 段落1 </p>
<hr />
<!--
font 标签常用属性
color: 颜色
size : 改变字体大小 范围:1~7
face : 字体
<标签 属性的名称="属性的值">
-->
我要<font color="red" size="1">回家 !!!</font> <br />
我要<font color="red" size="2">回家 !!!</font> <br />
我要<font color="red" size="3">回家 !!!</font> <br />
我要<font color="red" size="4">回家 !!!</font> <br />
我要<font color="red" size="5">回家 !!!</font> <br />
我要<font color="red" size="6">回家 !!!</font> <br />
我要<font color="red" size="7" face="仿宋">回家 !!!</font> <br />
我要<font color="red" size="77">回家 !!!</font> <br />
</body>
</html>
结果演示如下：
扩展内容
b : 加粗
i : 斜体
strong: 加粗, 带语义标签
em: 斜体, 带语义