html基础知识

学习html和css标签过程中，主要注意两个方面的学习：标签的用途、标签在浏览器中的默认样式.

<q></q>  <blockquote></blockquote>
<br />   <hr />
<strong></strong>  <em></em>
<code></code>
<pre></pre>
 
<caption></caption>
<a  href="目标网址"  title="鼠标滑过显示的文本" href="mailto:yy@imooc.com?subject=asdw&body=nihaoh" target="_blank">链接显示的文本</a>
<!--标签在默认情况下，链接的网页是在当前浏览器窗口中打开，有时我们需要在新的浏览器窗口中打开-->
<img class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="图片地址" alt="下载失败时的替换文本" title = "提示文本鼠标划过时">

1. 一句话和长文本引用，不需在文本中再加括号。
2. 换行符,相当于word文档中的回车。插入横线。
3. <em>的内容在浏览中显示为斜体，<strong>显示为加粗。
4. 一行代码使用<code>标签。<pre> 来展示源代码和预排版
5. 注意 标签,后面要有“;”号
6. caption标签，为表格添加标题。summary属性为表格添加摘要。

   <table summary="表格简介文本">
   <caption>标题文本</caption>
   <tr>
       <td>…</td>
       <td>…</td>
       …
   </tr>
   …
   </table>

它的作用是增加表格的可读性(语义化)，使搜索引擎更好的读懂表格内容，还可以使屏幕阅读器更好的帮助特殊用户读取表格内容

• ul-li无序标签，ol-li有序标签（如一些销售表，排行榜）。
• 在网页制作过程过中，可以把一些独立的逻辑部分划分出来，放在一个<div>标签中，这个<div>标签的作用就相当于一个容器。方便网页模块的划分和样式的编写。用div标签为网页划分独立的版块
  <pre>
  表单
  两大属性{
  method：post/get方法
  action：浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。
  }
  下面有多个形式：
  {
  输入框{
  1. 文本输入框<input type="text" name="" value="">
  2. 密码输入框<input type="password" value="">
  3. 文本域<textarea cols="" rows="">