Html教程(二)-格式标志

zhuzi正能量

zhuzi正能量

2016-02-19 22:20

下面,图老师小编带您去了解一下Html教程(二)-格式标志,生活就是不断的发现新事物,get新技能~

上一个教程中我们讲了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/dldt/dtdd/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/olul/ulli/li
ol/ol标志对用来创建一个标有数字的列表;ul/ul标志对用来创建一个标有圆点的列表;li/li标志对只能在ol/ol或ul/ul标志对之间使用,此标志对用来创建一个列表项,若li/li放在ol/ol之间则每个列表项加上一个数字,若在ul/ul之间则每个列表项加上一个圆点。请看下边的例子:

例3 标有数字或圆点的列表
html
head
title/title
/head

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

body text="blue"
ol
p中国城市 /p
li北京 /li
li上海 /li
li广州 /li
/ol

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

ul
p美国城市 /p
li华盛顿 /li
li芝加哥 /li
li纽约 /li
/ul
/body
/html

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

中国城市

北京
上海
广州
美国城市

华盛顿
芝加哥
纽约
6.div/div
div/div标志对用来排版大块Html段落,也用于格式化表,此标志对的用法与p/p标志对非常相似,同样有align对齐方式属性,读者可以自己试试看。

展开更多 50%)
分享

猜你喜欢

Html教程(二)-格式标志

Web开发
Html教程(二)-格式标志

HTML语言教程:HTML常用格式

Web开发
HTML语言教程:HTML常用格式

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

动态HTML教程(二)

Html CSS布局 Div+CSS XHTML
动态HTML教程(二)

Html教程(三)-文本标志

Web开发
Html教程(三)-文本标志

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Html教程(七)-帧标志

Web开发
Html教程(七)-帧标志

Html教程(八)-表单标志

Web开发
Html教程(八)-表单标志

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

HTML背景颜色和背景图片

HTML背景颜色和背景图片

HTML字体(Fonts)

HTML字体(Fonts)
下拉加载更多内容 ↓