【HTML】基础，入门先学会这些知识点
一、什么是HTML？
HTML（HyperText Markup Language）即超文本标记语言，是一种用来制作超文本文档的简单标记语言，也是制作网页的最基本的语言，它可以直接由浏览器执行。
二、HTML的基本结构
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> </body> </html>
三、常用的特殊符号
四、基本标签
1.基础文本标签
段落标签：<p></p>
换行标签：<br>
分行：<hr>
加粗 ： <strong> </strong> （用于强调字眼）/ <b></b>
倾斜： <em></em> 倾斜 （用于强调）/ <i></i>
标题标签：
<h1>一级标题</h1> <h2>二级标题</h2> <h3>三级标题</h3>
<h4>四级标题</h4>(字体大小为1em=16px,与网页中默认字体大小一样)
<h5>五级标题</h5> <h6>六级标题</h6>
代码如下：
<!DOCTYPE html><!-- 声明为HTML5文档 --> <html><!-- HTML页面的根元素 --> <head><!-- 头部元素 --> <meta charset="utf-8"><!-- 定义网页编码格式为万维码 utf-8 ，防止网页乱码--> <title>HTML基本格式</title><!-- 指网页名称 --> </head> <body><!-- 可以看到的网页内容 --> <p>这是我的第一个网页</p> </body> </html>
效果如下（示例）：
对应练习
基本标签小练习：
效果如下：
2.图片标签
<img src=“引入图片路径 " alt=“ ” title=“ ”>
alt=“ ” 在网络较慢的环境中，如果没有出现图片，那么将以图片替代文本显示
title=" " 在鼠标放置图片上面时提示的文本 (大多数的标签中都会有这个属性，会慢慢接触到)
图片路径分为两种：
(1).绝对路径：就是图片在自己电脑中具体位置文件夹中，在电脑中的位置；
(2)相对路径：参照自身的位置，而定义的路径，叫做相对路径;(强烈建议使用)
相对路径有三种表示方法
a.Html文档和图片在同一个文件夹下，直接写图片名称；
b.Html文档和图片所在的文件夹在同一个文件夹下，先写文件夹名称，再写图片名称；
c.Html文档所在文件夹和图片所在文件夹在同一个文件夹下，则需要先用”../ ”找到根文件夹，再写图片所在文件夹的名称，最后写图片名称。
图片标签小练习：
代码如下：
<!DOCTYPE html>
<html>
<head>
<title>京东读书新闻资讯页面</title>
<meta charset="utf-8"/>
</head>
<body>
<h1>看不见的完美硬币 ：细节的负担</h1>
<h2>创新公司皮克斯的启示</h2><hr/>
<p><img src="../img/书籍.jpg" title="书籍"/><br/>
<em> 细节从来都是个好东西，完美的细节往往给我们赢得商业上的胜利。</em><br/>
<em>但是，在皮克斯，这一家满是完美主义设计师的企业里，细节竟然成了负担。</em><br/>
<em>怎么打造完美的细节？又怎么赢得商业上的利益。皮克斯总裁艾德·卡特姆为我们解答。</em><br/>
<h3>看不见的完美硬币：细节的负担</h3>
</p>
</body>
</html>
效果如下：
总结
每一段全新旅程的开始都是缓慢的，学习新知识时慢下来，多记多背，重点是一定要多敲！！！！这样才能让自己更好的去掌握知识点，为了未来优秀的自己，加油！
