html标签(一)
排版标签:
标题标签:<hn></hn> //其中n为1-6
注:该标签独占一行,且存在上下边距,更改文字格式(加粗,变大)
段落标签:<p></p>
注:该标签独占一行,且存在上下边距
水平线标签:<hr /> 或 <hr>
注:该标签独占一行,且存在上下边距
换行标签:<br /> 或 <br>
div标签:<div></div>
注:该标签独占一行
span标签:<span></span>
文本格式化标签:
加粗标签:<b></b> 或 <strong></strong> //推荐使用strong
区别:<strong>代表强调的意思,而<b>没有
斜体标签:<i></i> 或 <em></em> //推荐使用em
区别:
删除线标签:<s></s> 或 <del></del> //推荐使用del
区别:
下划线标签:<u></u> 或 <ins></ins> //推荐使用ins
区别:
标签属性:
基本格式:<标签名 属性名1="属性值1" 属性名2="属性值2" ... >内容</标签名>
注:任何标签的属性都有默认值,省略该属性则取默认值
图像标签:
<img>
格式:
<img src="图片路径">
注:该标签不独占一行,且src是<img>的必需属性
其他属性:
alt:图片不能显示时所显示的文字
title:当鼠标悬停时显示的文字
width:图片的宽度 //单位px、%,如若不写单位则默认px
注:XHTML不支持%页面百分比
height:图片的高度 //单位px、%,如若不写单位则默认px
注:XHTML不支持%页面百分比
注:一般情况下我们只需要更改 width或height 其中一项就可以,剩下的那个属性会等比例扩张或缩放
border:边框 //单位px、
链接标签:
超链接标签:<a></a>
格式:
<a href="调转的网页路径"></a>
内部连接:本地路径 例:index.html //相对路径
外部链接:网页路径 例:http://www.baidu.com
注:该标签不独占一行,且href是<a></a>的必需属性
其他属性:
target:用于指定链接页面的打开方式
self:链接到本页 //默认值
blank:链接到新窗口
锚点定位:
格式:
起始点:<a href="#id"></a>
要跳转到哪个标签:<标签名 id="id"></标签名>
注:标签中若出现重名id,则以从上往下原则出现的第一个id为准
注:若要跳转到其他页面的某个位置,则需要在定义id的前方添加文件路径
例:
<a href="路径#id"></a>
base标签: //base可以设置整体链接的属性
格式:
<head>
<base href="index.html" target="blank" /> //本页中所有未设属性值的超链接的跳转位置都为index.html,且打开方式为blank;
</head>
注:必须写在head标签中;