地表最强*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替代)
- <br> 换行
- <hr> 分割线
- <b>或<strong> 加粗
- <i>或<em> 倾斜
- <u>或<ins> 下划线
- <s>或<del> 删除线
**应该用后者
<div> </div>标记一块内容
<span> </span>标记一行中的一小段内容
字符实体:
空格
> >
< <
& &
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

浙公网安备 33010602011771号