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

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

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

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

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

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

  如<hr color="red" width="500"noshade >，hr为显示一条横线

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

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

基本字体元素

文字（字体）元素：

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

         <fontcolor=”颜色” size=”大小”  face=”字体”>

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

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

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

i ：显示为斜体

u ：显示为下划线

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

sup ：显示为上标文字

font ：可以用于设定文字的颜色，大小和字体，eg: <fontsize="5" color="red" face="隶书">

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

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

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

还有time：时间信息。（表义）

排版标签：

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

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

         段落标签： p

         引用标签： blockquote

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

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

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

换行： br

横线：<hr color=””  width=””   size=””  align=”left||center||right” noshade >

html标签的一般模式（形式）：

         <标签名属性1=”值1” 属性2=’值2’ ….. > 内容部分 </标签名>

         几个特殊的单标签： <br >   <hr >     <img  >    <input >  <area>

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

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

           <p  align=”left||center||right”>内容 </p>（左对齐，居中，右对齐）

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

Hn和p的属性都是align

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

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

           <hr  size=”粗细值” width=”宽度值” color=”颜色值”  align=”  ” noshade >

        

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

（只是空白字符，若

<pre>

                   if(a<band b>c){

</pre>）

这种情况见后面

空白字符包括：

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

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

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

        

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

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

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

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

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

列表元素（可嵌套）

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

语法如下：

<ul type=”disc||square||circle”>(disc为默认值)

<li>项目内容1</li>

<li>项目内容2</li>

<li>项目内容3</li>

</ul>

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

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

 

有序列表：

<ol type=”1||a||A||i||I”  start=”10”>

<li>项目内容1</li>

<li>项目内容2</li>

<li>项目内容3</li>

</ol>

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

 

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

dl dt dd:

html字符实体

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

<    >     “      ‘

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

 

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

这个表很重要

空格$nbsp;

<$lt;

>$gt

& &amp;

"$quot;

'$apos;

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

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

字符编码原理

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

 

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

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