标签

单标签：<br> 换行标签，<hr>横线，<img>引入图片

         其中<img src=" " alt=" ">,src里面可以写入网上url（链接），相对路径，绝对路径。alt为图片占位符（防止前面出错，图片无法加载出来，可以用这个解释），title为图片提示符。

双标签：<p></p> 段落标签，<h1></h1> ----  <h6></h6> 标题标签（h 标签三点功能：独占一行，放大字体，加粗），<strong></strong>加粗，<em></em>斜体，<address></address>斜体，独占一行（标记网页，文章的作者信息）不常用，而且可以被<p><em></em></p>替换。最重要的两个标签<div></div>，<span></span> 。导航栏用<ul><li></li></ul>写，天生的父子结构。<a herf=" "></a>  (herf   hyperText reference超文本引用，引用到a标签链接到的那个地址，给浏览器看的，写在外面的是给用户看的) ep: <a herf="javascript:while(1){alert(警报！系统已崩溃)}">点击有惊喜！</a>

         <a></a> 的作用：1.链接 2.锚点（找位置） 3.打电话 4.协议限定符

         <form></form>   <input type=" " name=" "> (type值有text,password,submit,radio等等)

         了解：<table><tr><td></td></tr></table>要等到table里面的东西全部下载完了再显示，而现在浏览器的结构是下载一行显示一行，所以现在不用它布局，导致table标签逐渐被淘汰。

         开发原则：结构、行为、样式相分离。

         文字分隔符：空格，回车（分隔英文单词）             3个html编码：一个空格（&nbsp）,< &lt (less than), > &gt (great than)

行级元素：不可改变宽高，内容决定大小（如：span strong em a i等等）  凡带有inline属性的标签，系统都赋予文字属性

块级元素：独占一行，可以改变宽高（如div ul li p h1-h6等等）

行块级元素：inline-block 可以改变宽高，内容决定大小（如：img input等等）

 

SEO (Search Engine Optimization) 搜索引擎优化 （网站优化）：使网站满足搜索引擎收录排名需求，在搜索引擎中提高关键词排名。

body --margin : 8px(默认) 很多标签有个默认值 所以我们可以初始化标签

*{
      margin : 0;
      padding : 0;
      font - family : arial;
}