HTML学习(三):排版

                                  排版标签
<h1>

<p>

<hr />

<br />

<div>

<span>

<center>

<pre>

标题标签

为标题标签,对应从大到小,align属性决定它的位置,如

<h1 align="center">hihih1>

代表居中

注释


段落标签

为段落标签

<p>我决定分段p>
<p>这就是下一段了p>

同样包换align属性

注意,HTML标签是分级的:

文本级包括 p scan a b i u em 只能放置文字 图片 表单元素

容器级标签 div h li dt dd 可以放置任何东西

因此在

里放置也是不允许的!

水平线标签


是水平线标签


注意到了吗,我已经偷偷地举了一个例子。


包含多种属性

align : 位置
size=“2” : 粗细
width = “500” or width = “70%” : 设定线条长度 可以为像素值或相对值
color="#0000FF" : 设置线条颜色
noshade : 不要阴影

换行标签


为换行标签

我有点想<br>换行

效果为

我有点想
换行

div是分割标签,span为范围标签

div将标签中的内容划分成独立区域,必须单独一行

span不用换行

div的拥有属性值align

二者的功能区别在于 div 里面可以放置任何东西 而span是文本级别的标签

<p>
	随便写点
	<span>
		<a herf="">超链接!a>
	span>
p>

是文本标签,因此可以放在

里面

<div class="header">
	<div class="logo">div>
	<div class="nav">div>
div>
<div class="content">
	<div class="guanggao">div>
div>

div + css模式是非常常见的模式

内容居中标签

<center>
	<p>我觉得我应该居中p>
center>

效果为

我觉得我应该居中

预定义标签

标签内的内容将保持原样

你可能感兴趣的:(web前端,HTML,html,html5,css)