html的排版原理,html基本字体元素，排版标签，列表元素，html字符实体，字符编码原理...

1，  标签名是由标准所规定的一些固定的“单词”。

2，  一个标签中可以有若干个(0-n个)属性，这仍然是由标准来决定。

3，  一个标签中的内容可以是几乎任何代码(含标签)

4，有少数几个标签是没有结束部分，则自然也就没有“内容部分”如
换行符

5，有少数几个属性没有“属性值”，则其写法可以直接写出属性名就行啦(不要等号)

如

---

，hr为显示一条横线

上面noshade标示该横线没有阴影，该属性没有值(无须设置值)，上面500是宽度数值，其单位是“px”，但注意不要写成：width="500px"

6，  属性的值可以使用单引号或双引号引起来。(一般都用双引号)

基本字体元素

文字(字体)元素：

font， b， u，i ， sub， sup， small， big， address，time

北京市海淀区西三旗。。。。 address>

strong: 表示强调内容，显示为粗体

b： 显示为粗体，通常表示重要内容

i ：显示为斜体

u ：显示为下划线

sub ：显示为“下标文字”eg: H₂O表示为H2O

sup ：显示为上标文字

font ：可以用于设定文字的颜色，大小和字体，eg:

address ：用于设定文字是一个“地址信息”(表义)

big ：显示文字比周边文字“大一号”(可以连续加两个或者三个)

small：显示文字比周边文字“小一号”(可以连续加两个或者三个)

还有time：时间信息。(表义)

排版标签：

排版元素：较为大块的内容

标题标签，h1, h2, h3, …. h6

段落标签： p

引用标签： blockquote

预定义格式： pre——能够将其中的空白字符原样输出(显示)，通常用于大段的代码区块

1，通常html代码中的空白字符，连续的多个只显示出一个来

2，空白字符包括：空格，回车符，换行符，tab符(制表符)

换行： br

横线：

html标签的一般模式(形式)：

内容部分标签名>

几个特殊的单标签：

          

几个特殊的无值属性：noshade  disable   readonly   checked  noresize不改变大小

P：  表示一个段落，是一段相对独立的文字，通常跟上下其他段落在视觉上有明显的间隔

内容

(左对齐，居中，右对齐)

Hn 的标题标签：其实是这6个：h1,h2,h3,h4,h5,h6,分别表示从大到小的6个级别的标题(原来n表示123456)

Hn和p的属性都是align

br :   在网页上用于显示为“换行”——在代码中的“换行”是无效的。

hr :   用于“显示一个条横线”，其形式为：

pre : 用于显示“预定义格式文本”——其实就是指该标签中的各种“空白字符”会原样显示，

(只是空白字符，若

if(ac){

)

这种情况见后面

空白字符包括：

空格，换行符，回车符，tab

通常，pre标签用于在网页上显示多行(大段)的某种编程语言。

Blockquote：引用标签，用于将引用外部的别人的内容括起来，以表达(表现)出引用的含义和形式。

Div和span标签是在html中最没用的标签，但在后面的css代码却几乎是用的最多的标签。

Div： 仅仅是表示一个“大块区域”，通常没有实际的含义和外形特征。

Div标签作为一个整体，会“独立成行”。

Span：仅仅是表示一个“小块区域”，通常没有实际的含义和外形特征，一般其中只是包括一些文字性内容

Span标签作为一个整体，并不会独立成行，而是会跟其他内容(比如其他span，文字等)在一行上按先后顺序相继显示出来，直到在行尾放不下之后才有自动换行到下一行来继续显示。

列表元素(可嵌套)

无序列表：列表项的各个之间没有顺序问题，只是单纯的罗列

语法如下：

• (disc为默认值)
• 项目内容1
• 项目内容2
• 项目内容3

type：用于设定项目的“前导符”，默认是disc

disc||square||circle：小圆点||小方块||小圆圈

有序列表：

1. 项目内容1
2. 项目内容2
3. 项目内容3

start:用于设定有序列表的初始编号，不管type设定什么形式的编号，该start的值都只是数字。

定义列表：通常用于在网页上表现某种具有“标题/内容”形式的列表项

dl dt dd:

html字符实体

在html语法中，有些字符是有特定形式含义的，是为了表现html的作用而人为定义好的特定符合，比如：

     “      ‘

这些符号如果想要在网页上“看得见”，通常需要使用某种特定的写法来实现。这些符号称为“字符实体”。

除了以上符号，还有一些在通常情况下不方便表达的符号，也可以需要特别表示法：

这个表很重要

空格$nbsp;

>$gt

& &

"$quot;

'$apos;

其中“ ”空格被称为“不断行空格”，写几个，就会在网页上看到几个。

普通空格 ，空多少都只显示一个

字符编码原理

在中国，有几套字符编码标准：gb2312(大约6000汉字),gbk(大约含2万多汉字，其中完全包括了gb2312的所有汉字)，

有一个国际组织制定一个能够兼容全球几乎“所有”语言的一个字符编码标准，就称为“utf-8”

可以稍微记一下：A编码是65，a编码是97

版权声明：本文为博主原创文章，未经博主允许不得转载。