HTML常用标签

HTML常用标签

标签：
文本标题

<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4> 
<h5></h5>
<h6></h6>

h1唯一性 每个页面只能出现一次,不能互相嵌套

下划线<u></u>

水平线 <hr>

段落标签<p></p>
多个段落是竖着排列的，段落和段落的垂直方向有间隙

强制换行<br> 单标记
可以把此标签后面的内容放在下一行显示

加粗

<b></b>单纯直接的加粗  bold
<strong></strong>具有强调的意思在，表着重音
视觉效果一样，如果既想加粗显示，又想突出强调用<strong></strong>标签

倾斜

<i></i>（italic 倾斜：只是单纯的倾斜）
<em></em>突出强调，表着重音

超链接

<a href = "目标地址"  target = "设置超链接的窗口打开方式"></a>

注：a标签文字颜色不是黑色，且具有下划线，横向排列，水平有空隙
targe的属性值：
1. _self 本窗口打开 这是默认值
2. _blank 创建一个新窗口打开
3. _search 利用搜索引擎优化的过程中抓取内容
4. _parent 在父框架内容中打开链接文档
5. _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。

当目标地址为#表空链接
如果想要正确跳转到某个页网站，必须添加http
如果跳转的页面为项目中的文件，路径写法为：
同级跳同级：目标文件.后缀
父级跳子级：进入的文件夹的名称/目标文件.后缀
子级跳父级：…/目标文件.后缀 （…/表示后退）

图片

<img src = “目标图片的路径”  alt = "当图片无法加载的时候显示的提示信息"  title = “设置鼠标悬停上去之后的提示信息”>

width=“宽度”,height=“高度”，当“”中不写单位的时候，默认单位是px
%这个单位是相对于父元素的百分比
注：需要的图片必须放在项目里面，不能跨盘，书写方式同a标签的href属性；
alt是img必须的属性，如果没有文本空着即可，主要是做搜索引擎的优化；
title不是必须的，增加用户体验
锚点
使用方法：

<标签 id = “”><标签>
id在锚点的效果里面，属性值随便给
目的：实现当前页面的不同位置的跳转
无序列表

<ul type = “none”>            
       <li>无序列表</li>
       <li>无序列表</li>
</ul>`

注：不想要列表符号只需将type的属性值设置为none
type属性值：
none 无效果
circle 空心圆
square 方形
disc 实心圆
应用：新闻条，网站导航条，有序列表

<ol type = “a”  start = “3”>
        <li></li>
</ol>

默认是数字排列
可添加type和start属性
type属性值：a，A,I,i，1
start属性值：数字，表示从第几个开始

自定义列表：适合图文混合的列表

<dl>
       <dt><dt>
       <dd></dd>
</dl>

dt只能有一个
dd可以有多个

删除线