CSS/HTML/HTML5基本标签及属性——01

1.网站开发:
 设计:美工
 前端技术:HTML/JS/jQuery   
 后端技术:C# (java/php)
 数据库技术:SqlSever/MySql
 服务器技术:上线
2.HTML发展历史:
 html1.0  html2.0 html3.0 html4.0 html4.0.1
 xhtml1.0
 html5
  1.页面特效融入较多 绚烂
  2.引入了很多语义化标签
  3.融入离线缓存,Canvas画图等技术
  4.兼容性问题 (移动Web端)
3.学习HTML 
 ①基本标签     背
 ②CSS页面美化  耐心
 ③页面布局     模仿
4.HTML基本标签:
 ①写在head中的基本标签  网站的描述信息
  <meta></meta>
   charset="编码格式"
   name="keywords"    content=""
   name="description" content=""
 
  <title></title> 网页标题
  
  <link></link>
   设置标题图片<link rel="SHORTCUT ICON" href="图片地址">  ico
   引入CSS样式 <link rel="stylesheet" href="css文件地址">
  <style></style>
   直接写CSS样式
   
  <script></script>
   引入或写JS脚本的标签
 ②写在body中的基本标签 网站的内容
  文字   图片    表单  超链接  音频  视频
   
  文字:
  <p></p> 段落标签
  <h1></h1> h1~h6标题标签
  <ol type="A">
   <li></li>
   <li></li>
   <li></li>
  </ol>     有序列表
  <ul type="square">
   <li></li>
   <li></li>
   <li></li>
  </ul>   无序列表
  <dl>
   <dt></dt>
   <dd></dd>
   <dd></dd>
  </dl>     定义列表
  <b></b><u></u><i></i> 文字样式设置 加粗 下划线 斜体
   下标  上标
  
  图片:
  <img src="路径" alt="显示文字" />
   绝对路径 C:\Users\xym\Desktop\timg.jpg
   相对路径 相对当前的文件
             ./  当前文件夹
             ../  上一级文件夹
   
  超链接:
  <a href="地址" target="打开方式"></a>
   打开方式 _blank _self
   ①打开页面 地址 本地页面/网址 
   ②锚链接 href="定位点"
   <a name=""></a>
   ③打开应用
    <a href="http://wpa.qq.com/msgrd?v=3&amp;uin=230274816&amp;site=230274816&amp;menu=yes">
    在线QQ：230274816</a>
  
  音频/视频:
   <audio></audio>
    src="路径" controls="controls"  支持格式.mp3 .ogg
   <video></video>
    src="路径" controls="controls"  支持格式.mp4 .ogg
   
  特殊:
   <br/>  换行
   <hr/>  淘汰 水平线
   &nbsp; &emsp;  空格
   &copy; 版权符号
   &lt;   小于
   &gt;   大于
   
  H5语义化标签:
   <strong></strong>
   <time></time>
   <address></address>
   <mark></mark>
   
   <header></header>  头部
   <nav></nav>        导航条
   <article></article>文章      -------><div></div>
   <section></section>区域
   <footer></footer>  底部