HTML入门(标签定义一)
1、head标签(网页头属性标签)
head标签描述了文档的各种属性和信息,包括文档的标题等,却大多数文档头部包含的数据不会做为内容显示给读者。
可以用在head部分的标签:
<head>
<title>...</title>
<meta></meta>
<link></link>
<style>...</style>
<script>...</script>
</head>
2、title标签(网页标题标签)
在和标签之间的文字内容是网页的标题信息,它会出现在浏览器的标题栏中。网页的title标签用于告诉用户和搜索引擎这个网页的主要内容是什么,搜索引擎可以通过网页标题,迅速的判断出网页的主题。每个网页的内容都是不同的,每个网页都应该有一个独一无二的title。
例如:<head><title>hello world</title></head>
3、body标签(网页内容标签)
网页上显示的内容都放在这里。
4、p标签(段落标签)
如果要想在网页上显示文章,那就要<p>
标签了,把文章的短多放到<p>
标签中。
语法:<p>段落文本</p>
段落文本
ps:每一个段落就需要一个<p>
标签来包括;段落中间的空白可以使用css样式来修改。
5、hx标签(文章标题标签)
文章的标题使用<hx>
标签来显示文章标题,一般情况下是和段落标签结合使用,但是也会单独使用。
标题标签一共有6个,分别是h1–h6,按重要性依次递减,h1是最高级标题,同样,重要性越低,字号越小。
语法:<hx>标题文本</hx> (x为1-6)
标题文本
6、em标签(强调标签)
在一个段落当中会有一组甚至多组需要强调的文字,这个时候就需要使用强调标签来强调一下了。其强调形式是将被强调的文字斜体显示;
语法:<em>需要强调的文本</em>
需要强调的文本
ps:样式可以再css样式当中修改
7、strong标签(强烈强调标签)
在一个段落当中会有一组甚至多组需要强烈强调的文字,这个时候就需要使用强烈强调标签来强调一下了。其强调形式是将被强调的文字斜体显示;
语法:<strong>需要强烈强调的文本</strong>
需要强烈强调的文本
ps:样式可以再css样式当中修改
8、span标签(文字标记)
这个标签没有任何含义,它唯一的作用就是给文字打标记,然后通过css样式对该标签所包含的文字做样式修改,单独设置样式。
语法:<span>文本</span>
span{color:blue;}
文本
9、q标签(短文本引用)
短文本引用,用来对引用文本做标记的,例如引用某句诗词就要使用这个标签,使用这个标签后浏览器会自动加上双引号。这个标签和双引号不同之处在于语义上,这个标签的语义代表着:引用别人的话。
语法:<q>引用文本</q>
引用文本
10、blockquote标签 (长文本引用)
和短文本引用一样,也是用来引用别人的文本的,不过这个标签的使用场景是应用长文本的时候使用,至于什么算长文本那就根据情况去判断了。
语法:<blockquote>引用文本</blockquote>
引用文本
11、br标签(分行文本显示标签)
因为html是忽略换行和回车的,所以想要换行则要使用该标签了,该标签会在标签所在位置进行分行。
语法:暗淡轻黄体性柔,<br/>情疏迹远只香留。<br/>何须浅碧深红色,<br/>自是花中第一流。
暗淡轻黄体性柔,
情疏迹远只香留。
何须浅碧深红色,
自是花中第一流。
12、 标签(空格标签)
看到这个标签应该也注意到了,这个标签是没有尖括号的,这个标签属于特殊标签,他的作用是代表着空格的作用,原因和br标签一样,HTML不支持空格和换行的。
语法:
来源:作文网 作者:为梦想而飞