day002——HTML初接触
1.标签属性：属性名=属性值，起到附加说明补充要求的作用。不是所有标签都有属性，比如br标签。
2.单标签：换行<br/>、水平线<hr/>、图片标签<img/>、文本<input/>、link标签<link/>、元信息标签<meta/>。
3.文本格式化标签：就是通过标签来美化文本外观
-
b和strong：都有加粗作用，但strong除了加粗还有强调作用。注：强调主要用于SEO（搜索引擎优化）时，便于提取对应关键字
-
i和em：使文字倾斜，em具有强调作用。如果只是简单的倾斜效果，用i标签就可以，比如添加图标等
-
pre：预格式化文本，保留换行和空格及宽度。（块级标签，在浏览器中独占一行，可设置行高）
-
small和big：文字缩小和放大。big在html5中被淘汰了，但没有删除。（行级标签，不会独占一行，不识别行高）（浏览器最小支持字号为12px字，如果要显示比12还小的文字效果，需要做处理）
-
sub和sup：设置文本为下标和上标
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>文本格式化标签</title>
<!--就是通过标签来美化文本外观-->
</head>
<body>
<!--b和strong：都有加粗作用，但strong除了加粗还有强调作用。注：强调主要用于SEO（搜索引擎优化）时，便于提取对应关键字-->
<b>加粗</b>
<strong>加粗且强调</strong>
<!--i和em：使文字倾斜，em具有强调作用。如果只是简单的倾斜效果，用i标签就可以，比如添加图标等-->
<i>文字倾斜</i>
<em>文字倾斜且强调</em>
<!--pre：预格式化文本，保留换行和空格及宽度-->
<pre>预格式化问 保留
空格
换行
发</pre>
<!--small和big：文字缩小和放大。big在html5中被淘汰了，但没有删除-->
<small>小的</small>
<p>正常</p>
<big>大的</big>
<!--sub和sup：设置文本为下标和上标,用来调整文本正常显示的基线，且文字会自动小一号-->
<p>勾股定理：a2+b2=c2</p>
<p>勾股定理：a<sub>2</sub>+b<sub>2</sub>=c<sub>2</sub></p>
<p>勾股定理：a<sup>2</sup>+b<sup>2</sup>=c<sup>2</sup></p>
</body>
</html>1.实体转义符： 
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>实体转义符</title>
</head>
<body>
<p> 啊 哦 </p>
<p> 啊 哦 </p>
</body>
</html>2.块级元素：独占一行，宽度和高度可控，如果没有设置其宽度，将默认充满整行；其内可包含块级和行级元素
行级元素：不会独占一行，与相邻行级元素占同一行，直到行占满，会自动掉到下一行；宽度高度不可控；其内只有包含行级元素。
互转方法：块——》行 display:inline 块——》行 display:block
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>块级元素和行级元素</title>
</head>
<body>
<div>
div
</div>
<!--块级标签-->
<p style="width:300px;height: 60px;background: green">p</p>
<strong>strong</strong>
<!--行级标签-->
<span style="width:300px;height: 60px;background: yellow">span</span>
<br>
<!--标签互转-->
<p style="width:300px;height: 60px;background: green;display:inline" >p</p>
<strong>strong</strong>
<!--行级标签-->
<span style="width:300px;height: 60px;background: yellow;display:block">span</span>
</body>
</html>1.w3c标准：由结构、表现、和行为三部分组成
2.文件/目录名要求：不能出现汉字、空格之类的其他符号，一般以字母和下划线开头，其后可以出现字母、数字和下划线等
- 文件名：index.html（首页） order.html（订单页）等
总结：
- HTML是一种超文本标记语言，他不属于编程语言。
- HTML5是2014年后推出的，是公认的下一代web语言，是重要的网络推手。
- HTML具有简易性、可拓展性、平台无关性和通用性等特点。
- 网页分为静态和动态两种。动态和后台有关联。
- 五大主流浏览器：IE（edge）、Firefox、Chrome、Safari、Opera
- 浏览器内核由渲染引擎和JS引擎两部分组成。内核：Trident（IE）、Gecko（Firefox）、Webkit（Safari/Chrome）、Blink（Chrome/Opera）。国内浏览器大都采用双核驱动（T&W 或者T&B） 。移动端：ip和ipad采用W，Android4.4以下W，以上B。
- 常用的专业开发工具：sublime、HBuilder、VScode、webstorm
- 一个网页页面的基本组成：
<html> <head></head> <body></body> </html> -
标签分块级和行级（内联）两种。
块级独占一行，识别宽高，如果不设置，宽度为整行宽度，高度为内容实际的高度。可以通过设置样式转换为行级：display：inline；
行级不独占一行，不能设置宽高，宽高分别为内容实际的宽高。可以通过设置样式转换为块级：display：block；
块级标签：div、p、h1-h6、ul、ol、pre、table、address等
行级标签：span、a、b、strong、i、em、sup、sub等（img属于行级块标签，相当于执行了display：inline-block;操作） -
w3c中的嵌套规范：
1）块级元素可以包含行级、块级，但行级元素只能包含行级元素。
2）p，h1-h6，dt元素中只能包含行级元素，不能再包含块级元素。
3）块级元素与块级元素并列，行级与行级并列。 -
在开发过程中，尽量使用语义化标签。
上一篇： CentOS 7 安装 JDK 1.8