html中的标签详解

HTML标签是HTML语言中最基本的单位，HTML标签是HTML最重要的组成部分。网页的内容需在标签中，标题、字符格式、语言、兼容性、关键字、描述等信息显示在标签中，而网页需展示的内容需嵌套在标签中。某些时候不按标准书写代码虽然可以正常显示，但还是应该养成正规编写习惯。

1.文档结构标签:主要用来标识文档的基本结构

a) :标识HTML文档的起始和终止

b) :标识HTML文档的头部区域

c) :标识HTML文档的主体区域

2.文本格式标签:主要用来标识文本区块,并附带一定的显示格式

a) :表识网页标题

b) :标识标题文本,其中i表示1~6,分别表示一级、二级等标题

c) 

:标识段落文本

d) 

:标识预定义文本

e) 

:标识引用文本

3.字符格式标签:主要用来标识部分文本字符的语义,如加粗/斜体/下划线显示

a) :标识强调文本,以加粗效果显示

b) :标识引用文本,以斜体效果显示

c) :标识闪烁文本,以闪烁效果显示(IE浏览器不支持该标签)

d) /:标识放大/缩小文本,以放大/缩小效果显示

e) :标识上文本,以上标效果显示

f) :标识下文本,以下标效果显示

g) :标识引用文本,以引用效果显示

使用各种字符格式标签显示一个数学方程式的解法

    
    

针对下面这个一元二次方程:

x²-5x+4=0

我们使用分解因式法来演示解题如下:

由:(x-1)(x-4)=0

得:
x₁=1
                     
x₂=4

 

4.列表标签:在HTML中列表结构可以分为两种类型:有序列表和无序列表.无序列表使用项目符号来标识列表,而有序列表则是用编号来标识列表的项目顺序.

a) 

• ...

:标识无序列表.

:标识列表项目

b) 

1. ...

:标识有序列表.

:标识列表项目

i. 使用无序列表和有序列表分别显示一元二次方程求解的4种方法

    
    

解一元二次方程

无序列表列出4种方法:

    
• 直接开平方法

    
• 配方法

    
• 公式法

    
• 分解因式法

有序列表列出4种方法:

    
1. 直接开平方法

    
2. 配方法

    
3. 公式法

    
4. 分解因式法

c) 

...

...

:自定义列表,包括词条和解释两部分内容.

i. 

标识定义列表;

:标识词条;

:标识解释

ii. 使用定义列表显示两个成语的解释

    
    

    

知无不言,言无不尽

    

知道的就说，要说就毫无不保留

    

智者千虑,必有一失

    

不管多聪明的人,在很多的考虑中,也一定会出现个别错误

5.链接标签:实现把多个网页联系在一起

a) :标识超链接.还可以定义锚点.锚点是一类特殊的超链接,它可以定位带网页中某个具体的位置.例如在下面实例中单击超链接文本,就可以跳转到页面的顶部.

    
    


底部锚点位置
撑开浏览器的滚动条

单击返回顶部

 

6.多媒体标签:主要用于引入外部多媒体文件进行显示.

a) :嵌入图像

b) :嵌入多媒体

c) :嵌入多媒体

7.表格标签:用来组织和管理数据.

a) 

:定义表格结构

b) :定义表格标题

c) :定义表头

d) ...:定义表格行;...定义表格单元格

    
    



    ASCII字符集
    
        十进制
        十六进制
    
    
        9
        9
    
    
        10
        A
    

 

8.表单标签:主要用来制作交互式表单.

a) 

:定义表单结构

b) :定义文本域、按钮和复选

c) :定义多行文本框

d) :定义下拉列表

e) :定义下拉列表中选择项目

    
    



    

单行文本域:

    

密码域:

    

多行文本域:

    

复选框:
复选框1跳舞

                 复选框2唱歌

    

    

单选按钮:
        按钮1
        按钮2

    

    

下拉菜单:
        
            选项1
            选项2
            选项3
        
    

    

 

相关推荐：

如何让数据里html字段转换为HTML标签

html标签分类

带有html标签的字符串转换为HTML标签

Atas ialah kandungan terperinci html中的标签详解. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!