关于html学习的若干小tips

1.img引用网页中文件的问题：其他网页引用的图片无法显示 ，在head标签内加上

<meta name="referrer" content="never">

2.title放在标签中充当属性，鼠标悬停时候会显示属性值

3.标签的通用属性有 id、title、class、style 。可以放在任意的标签中

4.style属性的使用：（格式）：<标签名 style="属性名=属性值1；属性名=属性值2（字体大小）；..........."或者用属性名:属性值来表示>（</标签名>）

色号大全链接:颜色表及html代码 (5156edu.com)http://xh.5156edu.com/page/z1015m9220j18754.html(可以用颜色的英文单词或者hex rgb表示颜色)

常用的属性值：1.background-color:green;（背景颜色，根据标签表示的范围设置背景颜色）2.color:red;（内容字体的颜色)3.text-align:center;(文本对齐)4.font-size:20px；(字体大小)这个和font标签<font size="1">1号字效果</font>（最大到7号字）

5.文本格式化标签

<b></b><strong></strong>加粗文本感觉效果差不多,但是是strong有强调内容重要的意思

<i></i>和<em></em>字体倾斜感觉效果差不多,但是em有强调内容重要的意思

<small></small>字体变小

上标签和下标签

<ins></ins>插入文本标签，在文本下面加一条横线，起到强调作用

<del></del>删除文本,在文本中间加一条删除线，起到强调作用

<code></code>定义计算机代码文本

<kbd></kbd>定义键盘文本

<var></var>定义变量

<samp></samp>定义程序样本

<pre></pre>定义预格式化文本

<abbr></abbr>标签中的内容为缩写

<address></address>定义文档作者的联系信息，文本以斜体的形式出现

格式化标签分为物理标签和逻辑标签，若干逻辑标签外观上物理相同，但是逻辑上表示的含义不同仅此而已

图片的设定大小：

1.<img src="" alt="" width="" height="">

2.<img>标签自适应布局：上传之前就设定好尺寸，不设定长宽

3.<picture>

        <source media="(min-width: 1000px)" srecet="URL">

        <source media="(max-width: 1000px)" srecet="URL">

        <img src="" alt="">

//没有与source匹配的size最后就输出img中的图片

   </picture>

4.表格table

<caption>表格的标题</caption>

<table>

        <tr>//table row

                <th>table heading

                <th>

        </tr>

        <tr>

                <td>//table datacell

                <td>

        </tr>

<table>

//1.设置边框合并（把双边框变成单边框）

使用CSS样式中的border-collapse:collapse;

2.用html自带的合并

<td rowspan="2">隔壁老王</td>//行合并2格

<td colspan="1">隔壁老王</td>

剩下内容会边学习边完善噢！