登录  /  注册

html中的标签详解

墨辰丷
发布: 2018-05-09 10:47:32
原创
2224人浏览过

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

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

nbsp;html>


    
    字符格式标签


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


x2-5x+4=0


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


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


得:
x1=1
                     
x2=4



 

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

a) 

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

    b) 

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

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

    nbsp;html>


        
        列表标签


    解一元二次方程


    无序列表列出4种方法:



          
    • 直接开平方法

    •     
    • 配方法

    •     
    • 公式法

    •     
    • 分解因式法


    有序列表列出4种方法:



          
    1. 直接开平方法

    2.     
    3. 配方法

    4.     
    5. 公式法

    6.     
    7. 分解因式法



    c) 

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

    i. 

    标识定义列表;
    :标识词条;
    :标识解释

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

    nbsp;html>


        
        列表标签



        
    知无不言,言无不尽

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

        
    智者千虑,必有一失

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



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

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

    nbsp;html>


        
        链接标签


    底部锚点位置
    撑开浏览器的滚动条
    单击返回顶部

    以上就是html中的标签详解的详细内容,更多请关注php中文网其它相关文章!

  • 智能AI问答
    PHP中文网智能助手能迅速回答你的编程问题,提供实时的代码和解决方案,帮助你解决各种难题。不仅如此,它还能提供编程资源和学习指导,帮助你快速提升编程技能。无论你是初学者还是专业人士,AI智能助手都能成为你的可靠助手,助力你在编程领域取得更大的成就。
    来源:php中文网
    本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
    作者最新文章
    最新问题
    关于CSS思维导图的课件在哪? 课件
    凡人来自于2024-04-16 10:10:18
    热门教程
    更多>
    最新下载
    更多>
    网站特效
    网站源码
    网站素材
    前端模板
    关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
    php中文网:公益在线php培训,帮助PHP学习者快速成长!
    关注服务号 技术交流群
    PHP中文网订阅号
    每天精选资源文章推送
    PHP中文网APP
    随时随地碎片化学习
    PHP中文网抖音号
    发现有趣的

    Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号