地表最强*html标签笔记

head内标签:

meta标签:

• <meta charset="utf-8">                                           字符编码
• <meta name="Description" content="描述信息">   网站表述
• <meta name="Keywords" content="信息">            搜索引擎关键字
• <meta http_equiv="refresh" content="N">              N秒后刷新

非meta标签:

• <title>标题</title>                             网站标题
• <link rel="icon" href="图片地址">     网站图标

 

body内标签:

修改样式(被css替代)

1. <br>                   换行
2. <hr>                   分割线
3. <b>或<strong>  加粗
4. <i>或<em>        倾斜
5. <u>或<ins>       下划线
6. <s>或<del>       删除线

         **应该用后者

 

<div> </div>标记一块内容

<span> </span>标记一行中的一小段内容

 

字符实体:

空格   &nbsp;

>        &gt;

<        &lt;

&       &amp;

 

h标签:

<h1></h1>

~

<h6><h6/>    一到六级标题

 

p标签:

<p></p>    段落显示内容

 

img标签:

<img src="图片地址" alt="图片加载失败后显示的内容" title="鼠标放在图片上显示的小标签内容"> 

 

a标签:

<a href="要跳转的页面地址"   target="_blank" title="鼠标悬浮显示内容"></a>   

超链接标签target="_blank"打开新页面跳转,target="_self"在老页面中进行跳转

 

<a href="https://www.baidu.com"><img src="mv.png" />百度一下，你就知道</a>(超链接标记图片)

假超链接(开发初期使用)href="#"回到顶部  href="" 回到顶部(会刷新页面)     href="javascript"不会回到顶部

<a href="#id"></a>   a标签标记页面内任意标签id进行页面内跳转

 

列表标签(ul,li):

    <ul>
        <li>秒杀</li>
        <li>优惠券</li>
        <li>PLUS会员</li>
        <li>闪购</li>
        <li>拍卖</li>
        <li>京东服饰</li>
        <li>京东超市</li>
        <li>生鲜</li>
        <li>全球购</li>
        <li>京东金融</li>
    </ul>

自定义列表:

• dl:自定义列表
• dt:自定义标题
• dd:自定义描述

<dl>
    <dt>自定义标题1<dt>
    <dd>描述1<dd>
    <dd>描述2<dd>
    <dd>描述3<dd>

    <dt>自定义标题2<dt>
    <dd>描述1<dd>
    <dd>描述2<dd>
    <dd>描述3<dd>

    <dt>自定义标题3<dt>
    <dd>描述1<dd>
    <dd>描述2<dd>
    <dd>描述3<dd>
</dl>

选择用什么标签的唯一标准，是看文本的实际语义，而不是看长什么样子
无序列表：内容是并列的,没有先后顺序
有序列表：内容是有先后顺序的
自定义列表：对一个题目进行解释说明的时候，用自定义列表,可以做网站尾部相关信息，网易注册界面的输入框

 

table标签 表格

<table>

　　<tr>

　　　　<td>name</td>

　　　　<td>age</td>

　　　　<td>sex</td>

　　</tr>

　　<tr>

　　　　<td>swz</td>

　　　　<td>18</td>

　　　　<td>man</td>

　　</tr>

</table>

 

form表单:

专门做与用户交互的表单

链接：https://www.processon.com/view/link/5aeea789e4b084d6e4bf6911