昨天写到html不是编程语言是超文本标记语言,它是所有网页标签的一个容器。今天来说说html的常用标签;
一些标签不常用,只要了解就好。
常用标签
<html></html> 创建一个HTML文档
<head></head> 设置文档标题和其它在网页中不显示的信息
<title></title> 设置文档的标题
<h1></h1> 最大的标题
<i></i> 斜体字
<em></em> 强调文本(通常是斜体加黑体)
<strong></strong> 加重文本(通常是斜体加黑体)
<sup></SUP> 上标字
<SUB></SUB> 下标字
<div></div>
<span></span>特殊文字显示
<img>图片标记
<form></form>表单标签
<textarea></textarea>文本框标签
<input>input标签
<label></label>表单标注
<select></select>下拉表单
格式标志标签
<p></p> 创建一个段落 <br> 换行 插入换行符 <dl></dl> 定义列表
<dt> 放在每个定义术语词前
<dd> 放在每个定义之前
<ol></ol> 创建一个标有数字的列表
<ul></ul> 创建一个标有圆点的列表
<li> 放在每个列表项之前,若在<ol></ol>之间则每个列表项加上一个数字,
若在<ul></ul>之间则每个列表项加上一个圆点
链接标志表格标志
<a href="URL"></a> 创建超文本链接
<a href="mailtEMAIL">
</a> 创建自动发送电子邮件的链接
<a name="name"></a> 创建位于文档内部的书签
<a href="#name"></a> 创建指向位于文档内部书签的链接<LINK> 定义一个链接和源之间的相互关系
块级元素
块级元素就像是一个四方块,它可以放在页面的任意位置,它类似于一个段落,前后各有一个换行符(非显示添加的)。
例如:div,h1-h6,p,ul,ol,li,dl,dd,dt等是块级元素,具有独立成行,宽度100%;高度自适应,可以设置宽度高度和外间距这些特征,
如果不加特殊定义,它们前后的内容和它们都不在同一行。
行内元素也叫内联元素,只能出现在行内,除非在他们后面人为加上换行符,否则它们后面的内容和它们仍然是在同一行里。
而a,img,span,input,i,strong,select等是行级元素,拥有部分盒模型特征,不独立成行,宽度自适应,设置宽高不生效,间距上下不生效左右生效。
可以通过display属性改变一个元素的显示属性,它有多个备选值:
- none, 该元素不会显示,在页面上也不占有空间
- block,让元素以块级元素形式显示
- inline,默认值,让元素以行内元素的形式显示
- 其他