首页  >  文章  >  web前端  >  html中的标签详解

html中的标签详解

墨辰丷
墨辰丷原创
2018-05-09 10:47:322396浏览

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) :标识引用文本,以引用效果显示

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




    
    字符格式标签


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


x2-5x+4=0


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


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


得:
x1=1
                     
x2=4



 

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

a) 

  • ...
:标识无序列表.
  • :标识列表项目

    b) 

    1. ...
    :标识有序列表.
  • :标识列表项目

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




        
        列表标签


    解一元二次方程


    无序列表列出4种方法:



          
    • 直接开平方法

    •     
    • 配方法

    •     
    • 公式法

    •     
    • 分解因式法


    有序列表列出4种方法:



          
    1. 直接开平方法

    2.     
    3. 配方法

    4.     
    5. 公式法

    6.     
    7. 分解因式法



    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标签

    以上是html中的标签详解的详细内容。更多信息请关注PHP中文网其他相关文章!

    声明:
    本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
    上一篇:实现简易html视频播放器的方法下一篇:如何将html转化为图片

    相关文章

    查看更多