【01】HTML学习路线：　　

　　　　HTML5基础（20%）--CSS3基础（50%）--H5C3提高（10%）--项目-品优购电商网站（20%）

　　　　目标：PC端网站布局

　　　　最终网站：品优购静态网站

【02】HTML笔记：

参考：https://mp.weixin.qq.com/s/lNkLbVL8qWsay8c3krVL8A

【03】网站、（网页）、html、web标准（结构html、表现css、行为js）

【04】HTML语言规范：

 <html>
 <head>
     <title>Document</title>
 </head>
 <body>
     Hello,Word! 2333
 </body>
 </html>
 HTML骨架标签：
 <!DOCTYE>标签
     文档类型申明标签【非HTML标签】（使用哪种HTML版本显示网页
 lang语言
     定义文档显示语言（en/zh-CN/fr)
 charset字符集【必写】
     【无定义会乱码】
     方便计算机识别、存储文字
     <meta>标签的<charset>属性可以规定文档使用编码类型
  常见:UTF-8、GBK、BIG5、GB2312

【05】HTML常用标签

理解标签语义（即作用）

 【01】标题标签:<h1> - <h6>
     1-6:从大到小
     <h1>标题一共六级选,</h1>
     <h2>文字加粗一行显。</h2>
     <h3>由大到小依次减，</h3>
     <h4>从重到轻随之变。</h4>
     <h5>语法规范书写后，</h5>
     <h6>具体效果刷新见。</h6>
     
 【02】段落和换行标签：<p>、<br/>
     <br/>：break打断、换行【强制换行】
     
 【03】文本格式化标签：<strong><b>加粗、<em><i>倾斜、<del><s>删除线、<ins><u>下划线
     突出重要性【sedi】
     
 【04】盒子标签:<div><span>
     1、div:division分割、分区
     大盒子布局，一行一个独占。
     2、span:跨度、跨距
     小盒子布局，一行多个存在。
     <div>我是一个div标签我一个人单独占一行</div>
     <div>我是一个div标签我一个人单独占一行</div>
     <span>百度</span>
     <span>新浪</span>
     <span>搜狐</span>
 【05】图像标签：<img src="图像URL">【单标签】
     基本属性：
     1、src：指定图像的路径和文件名
     2、alt：替换文本，图像显示不出时用文字替换
     3、title：提示文本，鼠标放图像上，显示文字
     
     其他属性：【单位：像素(ps)】
     1、width：图像宽度
     2、hight：图像高度
     3、border：图像边框粗细
     
    <h4> 图像标签的使用:</h4>
    <img src="img.jpg"/>
    <h4> alt 替换文本 图像显示不出来的时候用文字替换:</h4>
    <img src="img1.jpg" alt="我是pink老师"/>
    <h4> title 提示文本 鼠标放到图像上,提示的文字:</h4>
    <img src="img.jpg" title="我是pink老师思密达"  alt="我是pink老师"/>
     
    <h4> width 给图像设定宽度:</h4>
    <img src="img.jpg" alt="我是pink老师" title="我是pink老师思密达" width="500"/>
    <h4> height 给图像设定高度:</h4>
    <img src="img.jpg" alt="我是pink老师" title="我是pink老师思密达"  height="100"/>
    <h4> border 给图像设定边框:</h4>
    <img src="img.jpg" alt="我是pink老师" title="我是pink老师思密达"  width="500" border="15"/>