建站学习网,专业提供各类建站教程,网页素材,SEO资讯等建站资源!

网站模板_网站源码_网站素材_建站教程_建站学习网

当前位置:建站学习网 > 网页设计 > 脚本HTML教程 >

HTML格式标签如何使用

更新时间:2017-04-13整理编辑:建站学习网阅读:0

1.<p></p>

2.<br />

3.<blockquote></blockquote>

4.<dl></dl><dt></dt><dd></dd>

5.<ol></ol><ul></ul><li></li>

6.<div></div>

        上一个教程中我们讲了Html文档的基本标签,但我们还不知道怎样在浏览器中显示文本之类的东西,这正是我们在教程二中将要谈到的。在学习之前,必须强调一下,我们这个教

程中所讲的格式标签统统都是用于<body></body>标签对之间的。

1.<p></p>

<p></p>标签对是用来创建一个段落,在此标签对之间加入的文本将按照段落的格式显示在浏览器上。另外,<p>标签还可以使用align属性,它用来说明对齐方式,语法是:<p

align=""></p>。align可以是Left(左对齐)、Center(居中)和Right(右对齐)三个值中的任何一个。如<p align="Center"></p>表示标签对中的文本使用居中的对齐方式。

2.<br />

<br />是一个很简单的标签,它没有结束标签,因为它用来创建一个回车换行,这么一说我想您该会使用了吧。在<br />的使用上还有一定的技巧,如果您把<br />加在<p></p>标签

对的外边,将创建一个大的回车换行,即<br />前边和后边的文本的行与行之间的距离比较大,若放在<p></p>的里边则<br>前边和后边的文本的行与行之间的距离将比较小,您不

妨试试看。

3.<blockquote></blockquote>

在<blockquote></blockquote>标签对之间加入的文本将会在浏览器中按两边缩进的方式显示出来。

4.<dl></dl><dt></dt><dd></dd>

<dl></dl>用来创建一个普通的列表,<dt></dt>用来创建列表中的上层项目,<dd></dd>用来创建列表中最下层项目,<dt></dt>和<dd></dd>都必须放在<dl></dl>标签对之间。看一

下下边的例子您就会明白了:

例2 创建一个普通列表

<html>

 

<head>

 

<title>一个普通列表</title>

 

</head>

 

<body text="blue">

 

<dl>

 

  <dt>中国城市</dt>

 

    <dd>北京 </dd>

 

    <dd>上海 </dd>

 

    <dd>广州 </dd>

 

  <dt>美国城市</dt>

 

    <dd>华盛顿 </dd>

 

    <dd>芝加哥 </dd>

 

    <dd>纽约 </dd>

 

</dl>

 

</body>

 

</html>

    此例在浏览器中的显示如下:

 

中国城市

北京

上海

广州

美国城市

华盛顿

芝加哥

纽约

5.<ol></ol><ul></ul><li></li>

<ol></ol>标签对用来创建一个标有数字的列表;<ul></ul>标签对用来创建一个标有圆点的列表;<li></li>标签对只能在<ol></ol>或<ul></ul>标签对之间使用,此标签对用来创建一个

列表项,若<li></li>放在<ol></ol>之间则每个列表项加上一个数字,若在<ul></ul>之间则每个列表项加上一个圆点。请看下边的例子:

例3 标有数字或圆点的列表

<html>

 

<head>

 

<title></title>

 

</head>

 

<body text="blue">

 

<ol>

 

<p>中国城市 </p>

 

<li>北京 </li>

 

<li>上海 </li>

 

<li>广州 </li>

 

</ol>

 

<ul>

 

<p>美国城市 </p>

 

<li>华盛顿 </li>

 

<li>芝加哥 </li>

 

<li>纽约 </li>

 

</ul>

 

</body>

 

</html>

    此例在浏览器中的显示如下:

 

中国城市

北京

上海

广州

 

• 美国城市

• 华盛顿

• 芝加哥

• 纽约

6.<div></div>

<div></div>标签对用来排版大块Html段落,也用于格式化表,此标签对的用法与<p></p>标签对非常相似,同样有align对齐方式属性,读者可以自己试试看。

本文网址:https://www.dedexuexi.com/wysj/html/2881.html

本站部分文章搜集与网络,如有侵权请联系本站,转载请说明出处。

收藏此文 赞一下!() 打赏本站

如本文对您有帮助,就请建站学习网抽根烟吧!

支付宝打赏
微信打赏
弹出打印窗口的一个方法
« 上一篇2017年04月13日
js调用出现乱码的解决方法探索+js行距
2017年04月13日下一篇 »
  • 实现导航栏固定在顶部(吸顶效果),滚动页面万能方式
    0阅读
    1)滚动条不动时,是静态相对定位状态relative2)当页面滚动超出设置距离时,js改变样式属性切换定位状态变成fixed,同时再给top设置一个值css部分// 滚动条不动时.box{position: relative;height: 80px;width: 100%;z-index: 999...
  • HTML锚点用class样式教程
    0阅读
    JS部分:$(function() { $(window).scroll(function() { //为页面添加页面滚动监听事件 var wst = $(window).scrollTop() //滚动条距离顶端值 for (i = 1; i < 6...
  • python标准算法实现数组全排列的方法
    0阅读
    这篇文章主要介绍了python标准算法实现数组全排列的方法,实例分析了全排列的原理与Python实现技巧,需要的朋友可以参考下 本文实例讲述了python标准算法实现数组全排列的方法,代码来自国外网
  • python将ip地址转换成整数的方法
    0阅读
    这篇文章主要介绍了python将ip地址转换成整数的方法,涉及Python针对IP地址的转换技巧,需要的朋友可以参考下 本文实例讲述了python将ip地址转换成整数的方法。分享给大家供大家参考。具体分析如
  • 一个生成html的新方法
    0阅读
    使用范例: set fso=CreateObject(Scripting.FileSystemObject) set f=fso.CreateTextFile( server.mappath( ), true ) f.WriteLine( asp2html(youpage.asp) ) f.clos...
 
QQ在线咨询
×
欢迎您登陆建站学习网
QQ一键登陆 建站学习网账号登录