h5day1

1.标签都是在<>里面包裹的，而且绝大多数标签都需要闭合闭合方式分为两种，一种是单标签闭合（自闭和），一种是双标签闭合，根据闭合方式，我们把标签分为两种，双标签和单标签，img、hr标签可以不闭合

2.标签里面除了标签名之外的称之为属性，属性是以属性名和属性值成对存在的

 

网页标题：<title>标签

 

link标签：引入外部样式表（css），设置网页标题图标

<link rel="icon"type="image/x-icon" href="image/a.jpg"/>

 

meta标签：描述文档类型和编码；描述搜索关键字和描述（方便搜索引擎搜索 优化）

utf-8万国编码格式

<meta name=”keyword” content=”淘宝,网上购物….”>

<meta name=”description” content=”淘宝,网上购物….”>

 

块级标签：显示为块，前后隔一行（所有的块级标签都独占一行）

行级标签：按行逐一显示

 

标题标签<h1></h1>……<h6></h6>    只有一到六

 

滚动标签<marquee direction=””>  </marquee>

direction属性可设置上下左右四个方向滚动

 

水平线<hr/>:默认为空心，noshade是布尔类型的属性，只要写上就是实心

 

段落标签<p></p>:可以自适应浏览器的宽度

设置背景色style=”background-color:red”

设置边框 style=”border:1px  solid  red”

 

引用标签<blockquote></blockquote>开头自动空两格，语义化

site属性，指定参考的位置，在网页上显示不出来，供开发使用

 

&nbsp；可以表示一个空格（最多连续使用三个）

 

预格式（预处理）标签<pre></pre>：可原样显示代码

 

列表：

有序列表标签（块级）orderlist<ol></ol> 搭配<li>标签使用 （快捷输入：ol>li回车）

li标签中可以容纳任何标签

 

无序列表标签unorderlist <ul></ul>

 

 

 

自定义列表标签

<dl>

         <dt> dt只能有一个，dd可以有多个，t是title的缩写</dt>

         <dd>(描述标签)</dd>

</dl>

 

tips：修改图片大小时不要改高度，会自动根据设置的宽度改变

 

清除所有边距：

*{

           margin: 0;

           padding: 0;

       }

 

当多个img排在一列上时，图片之间会有空隙，这是因为代码换行导致的。可使img标签不换行，即可消除图片之间的空隙。

img的title属性，鼠标放上即可显示出一行字

当图片配鼠标覆盖

img:hover{

width: 250px;

}

img{

           cursor: pointer;

           /*所有渐变过程时间为1s*/

           -webkit-transition: all 1s;

       }

opacity透明度的范围在0-1之间