HTML常用标签

2019-06-11  本文已影响0人  lbon

 排版标签

排版标签主要和css搭配使用,显示网页结构的标签,是网页布局最常用的标签。

标题标签 (熟记)

单词缩写:  head  头部. 标题     title  文档标题

为了使网页更具有语义化,我们经常会在页面中用到标题标签,HTML提供了6个等级的标题,即

<h1>、<h2>、<h3>、<h4>、<h5>和<h6>

标题标签语义:  作为标题使用,并且依据重要性递减

其基本语法格式如下:

<hn>  标题文本  </hn>

 注意:  h1 标签因为重要,尽量少用,不要动不动就向你扔了一个h1。 一般h1 都是给logo使用,或者页面中最重要标题信息

段落标签( 熟记)

单词缩写:  paragraph  段落  [ˈpærəgræf]    不用记

在网页中要把文字有条理地显示出来,离不开段落标签,就如同我们平常写文章一样,整个网页也可以分为若干个段落,而段落的标签就是

其基本语法格式如下:

<p>  文本内容  </p>

段落是HTML文档中最常见的标签,默认情况下,文本在一个段落中会根据浏览器窗口的大小自动换行。

水平线标签(认识)

单词缩写:  horizontal  横线    [ˌhɔrəˈzɑntl]    同上

在网页中常常看到一些水平线将段落与段落之间隔开,使得文档结构清晰,层次分明。这些水平线可以通过插入图片实现,也可以简单地通过标签来完成,<hr />就是创建横跨网页水平线的标签

其基本语法格式如下:

<hr />是单标签

在网页中显示默认样式的水平线。如下图

换行标签(熟记)

单词缩写:  break  打断 ,换行

在HTML中,一个段落中的文字会从左到右依次排列,直到浏览器窗口的右端,然后自动换行。如果希望某段文本强制换行显示,就需要使用换行标签

其基本语法格式如下:

<br />

div span标签(重点)

div  span    是没有语义的    是我们网页布局主要的2个盒子    css+div

div 就是  division  的缩写  分割, 分区的意思  其实有很多div 来组合网页。

span, 跨度,跨距;范围   

语法格式:

<div> 这是头部 </div>    <span>今日价格</span>

文本格式化标签(熟记)

在网页中,有时需要为文字设置粗体、斜体或下划线效果,这时就需要用到HTML中的文本格式化标签,使文字以特殊的方式显示。

  b  i  s  u  只有使用 没有 强调的意思      strong  em  del  ins  语义更强烈

上一篇 下一篇

猜你喜欢

热点阅读