CSS+HTML(二)------HTML标签(三)

1.<q></q>标签:"q" for quote表示引用,当我们需要引用一段话(如名言)的时候,可以使用该标签,被包裹的内容将被加上双引号表示引用,一般用于短文本,长文本使用接下来要介绍的<blockquote>标签。

2.<blockquote></blockquote>标签:块引用,与<q>标签不同的是,块引用是针对于长文本而使用的,并且被包裹内容不会被加上双引号,而是首尾缩进显示。

代码如下:

<blockquote>“暗淡轻黄体性柔,情疏迹远只香留。何须浅碧深红色,自是花中第一流。”
</blockquote>

效果如下:

3.<br></br>标签:"br" for barter rabbet表示换行,类似于word的回车键,即在你需要换行处使用<br/>,便可以实现等同于回车的操作。

4.&nbsp标签:在网页中内容等同于一个空格键。

5.<hr></hr>:"hr" for horizontal rule表示水平的控制线,在展示信息时,有的时候会需要使用分隔线分隔信息,使得网页内容更加简洁,那么可以使用<hr>来达到这个目的,使用方法与<br>类似,哪里需要,就在哪里加上即可。

代码如下:

<p>火车飞驰过暗夜里的村庄,月光,总是太容易让思念寂寞,太容易让人觉得孤独。</p>
<hr />
<p>每一枚被风吹起的蒲公英,都载满了一双眼睛的深情告别与一个目光的依依不舍。那天,我拿着行李,带上一个背影的祝福与惆怅,挥手告别了这片土地。我不知道,我何时会回来。</p>

效果如下:

6.<address></address>标签:该标签可包裹地址内容,默认的样式为斜体,并会另起一行,也可以使用css样式修改。

代码如下:

<p>超酷的互联网、IT技术免费学习平台,创新的网络一站式学习、实践体验;服务及时贴心,内容专业、有趣易学。专注服务互联网工程师快速成为技术高手!<address>公司地址:北京市西城区德外大街10号</address></p>

效果如下:

7.<pre></pre>标签:该标签用于包裹需要格式化展现的代码内容。

代码如下:

<body>
<pre>
var message="欢迎";
for(var i=1;i<=10;i++)<br>
{<br>
    alert(message); <br>
}<br>
</pre>
</body>

效果如下:

时间: 2024-11-03 15:28:53

CSS+HTML(二)------HTML标签(三)的相关文章

CSS+HTML(二)------HTML标签(一)

一.标签的语法: 1. 标签由英文尖括号<和>括起来,如<html>就是一个标签. 2. html中的标签一般都是成对出现的,分开始标签和结束标签.结束标签比开始标签多了一个/. 如: (1) <p></p> (2) <div></div> (3) <span></span> 3. 标签与标签之间是可以嵌套的,但先后顺序必须保持一致,如:<div>里嵌套<p>,那么</p>必

CSS(二)标签显示模式

标签显示模式 一)块级元素(block-level) 每个块级元素都会独自占一行或者多行,可以对其设置宽度(默认是容器的100%).高度及对齐等, 可以容纳内联元素或者其他块元素(p.h1不要包裹其他块级元素). 典型的又:div.table.ul.p.h1等. 二)内联元素(inline-level) 内联元素不占有独立的区域,仅仅靠自身的字体大小和图像尺寸来支撑结构,一般不可以设置宽度(默认为本身内容的宽度).高度.对齐等属性, 但水平方向上的padding和margin可以设置,只能放文本

CSS+HTML(二)------HTML标签(二)

上一篇简单的介绍了一下HTML的语法结构,基本的使用方法.今天就总结一下HTML中的众多标签. 1.<body></body>:"body" for body(个人认为如果能记住标签英文字母所代表的单词的中文意思更有助于我们记忆与使用)顾名思义,是网页的主体,在网页上所要展现的内容都要放在body中. <body> <h1>了不起的盖茨比</h1> <p>1922年的春天,一个想要成名名叫<em>尼克•

css清除浮动float的三种方法总结【转载自https://my.oschina.net/leipeng/blog/221125】

摘要: css清除浮动float的三种方法总结,为什么清浮动?浮动会有那些影响?     一.抛一块问题砖(display: block)先看现象: 分析HTML代码结构: <div class="outer">     <div class="div1">1</div>     <div class="div2">2</div>     <div class="div3

数往知来 CSS&lt;十二&gt;

div+css基础 一.外部样式<!--外部样式可以使网页与样式分离,分工处理 1.写网页,主要提供内容,一般都会有固定的结构,具有id等属性的标签包括特定的内容 2.根据结构写样式另存为css后缀文件 3.在html页中的head标签中加入样式表     <link type="text/css" rel="stylesheet" href="sss.css"> --> <p id="p2"&g

web标准(复习)--3 二列和三列布局

今天学习二列和三列布局,将涉及到以下内容和知识点 二列自适应宽度 二列固定宽度 二列固定宽度居中 xhtml的块级元素(div)和内联元素(span) float属性 三列自适应宽度 三列固定宽度 三列固定宽度居中 IE6的3像素bug 一.两列自适应宽度下面以常见的左列固定右列自适应为例,因为div为块状元素,默认情况下占据一行的空间,要想让下面的div跑到右侧,就需要做助css的浮动来实现.首先创建html代码如下: <style>#side { background-color:#99F

css清除浮动float的三种方法总结,为什么清浮动?浮动会有那些影响?一起来$(&#39;.float&#39;)

一.抛一块问题砖(display: block)先看现象: 分析HTML代码结构: <div class="outer">     <div class="div1">1</div>     <div class="div2">2</div>     <div class="div3">3</div> </div> 分析CSS代码样

Bootstrap&lt;基础二十&gt; 标签

Bootstrap 标签.标签可用于计数.提示或页面上其他的标记显示.使用 class .label 来显示标签,如下面的实例所示: <!DOCTYPE html> <html> <head> <title>Bootstrap 实例 - 标签</title> <link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet"> <s

css清除浮动float的三种方法总结

转载地址:https://my.oschina.net/leipeng/blog/221125 css清除浮动float的三种方法总结,为什么清浮动?浮动会有那些影响?     一.抛一块问题砖(display: block)先看现象: 分析HTML代码结构: <div class="outer"> <div class="div1">1</div> <div class="div2">2</