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

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

nbsp;html>

    
    字符格式标签

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

x2-5x+4=0

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

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

得:
x1=1
                     
x2=4

 

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

a) 

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

b) 

…:标识有序列表.:标识列表项目

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

nbsp;html>

    
    列表标签

解一元二次方程

无序列表列出4种方法:

    直接开平方法
    配方法
    公式法
    分解因式法

有序列表列出4种方法:

    直接开平方法
    配方法
    公式法
    分解因式法

c) 

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

i. 

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

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

nbsp;html>

    
    列表标签

    知无不言,言无不尽
    知道的就说,要说就毫无不保留
    智者千虑,必有一失
    不管多聪明的人,在很多的考虑中,也一定会出现个别错误

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

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

nbsp;html>

    
    链接标签

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

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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1546161.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月21日 17:55:15
下一篇 2025年12月21日 17:55:26

相关推荐

  • 如何将html转化为图片

    在我们做h5页面或者推广小程序的时候,特别是在微信里,为了让用户更好的分享给朋友,往往需要将动态生成的html生成一个图片,然后让用户长按保存发给朋友或者朋友圈。 1,在html里新建canvas画布 /**要生成图片的html*/ 思路惊奇 思路惊奇 @@##@@ @@##@@/*生成的canva…

    好文分享 2025年12月21日
    000
  • html写网页如何布局

    html常用的布局有两种。第一种一是div布局,优点是比较方便简洁,代码比较少,制作和维护也比较容易,就是有些地方不同的浏览器兼容性不一样,可能会有不同的显示。第二种是table布局,代码比较多,到后期维护起来是非常头疼的,但是table布局规避了许多浏览器不兼容的问题。 1.div布局 body{…

    好文分享 2025年12月21日
    000
  • 如何用html制作百度首页

    本篇文章适用与刚学html和css,练习一个比较简单的百度首页,因为百度的主页比较简单,大概分为三个部分:右上角的标签、logo和表单、下面的版权信息。对于刚开始想要检测学习成果是一个不错的好方法,熟练后再去尝试写一些复杂的html网页。 下面是html制作百度首页的源码 百度一下,你就知道搜索设置…

    好文分享 2025年12月21日
    000
  • html中的有序列表和无序列表

    本篇文章主要介绍html中的有序与无序列表示如何编写的,对于刚开始学习的小伙伴还是非常有帮助的,感兴趣的朋友参考下。 有序列表代码如下: 数字显示 第一天 第二天 第三天 第四天 字母显示 第一天 第二天 第三天 第四天 小写罗马数字显示 第一天 第二天 第三天 第四天 大写罗马数字显示 第一天 第…

    2025年12月21日
    000
  • html当当网首页实例

    本篇文章主要描述如何使用html来写当当网首页的案例,有对此案例感兴趣的小伙伴来参考一下吧。 html代码如下: 当当网首页 关闭 @@##@@ @@##@@ 推荐分类 外语 | 中小学教辅 | @@##@@ 图书商品分类 [小说] 悬疑 | 言情 | 职场 | 财经 [文艺] 文学 | 传记 | …

    好文分享 2025年12月21日
    000
  • html 空链接 href=”#”与href=”javascript:void(0)”的区别

    注意是跳动到了页首的区别,最好用void(0) 用户体验好点。 #包含了一个位置信息 默认的锚是#top 也就是网页的上端 而javascript:void(0) 仅仅表示一个死链接 这就是为什么有的时候页面很长浏览链接明明是#但跳动到了页首 而javascript:void(0) 则不是如此 所以…

    好文分享 2025年12月21日
    000
  • html中用href 实现点击链接弹出文件下载对话框

    这篇文章主要介绍了关于html中用href 实现点击链接弹出文件下载对话框,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 用href 实现文件下载,之前不知道,今天有学会了一招实现点击链接弹出文件下载对话框,感兴趣的朋友可以了解下 今天又学了一招,以前不知道,就是做过的东西太少了………

    好文分享 2025年12月21日
    000
  • Html Select 使用selected属性设置默认选择项

    这篇文章主要介绍了关于html select 使用selected属性设置默认选择项,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 Html Select 如何进行默认选择,只要给某个option 添加 selected = selected”属性就是默认选项,下面是示例…

    好文分享 2025年12月21日
    000
  • HTML几种特别分割线特效

    这篇文章主要介绍了关于html几种特别分割线特效 ,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 HTML分割线特效,挺实用与漂亮的分隔线,需要的朋友可以参考下。 一、基本线条 二、特效(效果并不是孤立的,可相互组合)1、两头渐变透明: 2、纺锤形: 3、右边渐变透明: 4、左边渐变…

    好文分享 2025年12月21日
    000
  • HTML页面table滚动条的实现

    这篇文章主要介绍了关于HTML页面table滚动条的实现 ,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 table scrollbar & header fixed 有很多页面由于数据量过大,会产生横纵滚动条。为了便于使用者观看,我们要把表头固定一下。根据这个需求写了个de…

    好文分享 2025年12月21日
    000
  • H5离线应用与客户端存储使用详解

    这次给大家带来H5离线应用与客户端存储使用详解,使用H5离线应用与客户端存储的注意事项有哪些,下面就是实战案例,一起来看一下。 支持离线 Web 应用开发是 HTML5 的另一个重点。所谓离线 Web 应用,就是在设备不能上网的情况下仍然可以运行的应用。 开发离线Web 应用需要几个步骤。首先是确保…

    好文分享 2025年12月21日
    000
  • Html禁止右键复制功能

    这次给大家带来Html禁止右键复制功能,Html禁止右键复制的注意事项有哪些,下面就是实战案例,一起来看一下。 禁止右键菜单 禁止左键划字复制 采用CSS来控制是否可以选择文字 .unselectable { user-select: none;}you can select me.You can’…

    好文分享 2025年12月21日
    000
  • 在HTML文档中嵌入JavaScript的四种方法

    本篇文章主要介绍了在html文档里嵌入客户端javascript代码有4中方法,感兴趣的小伙伴们可以参考一下,具体如下: 在HTML里嵌入JavaScript 在HTML文档里嵌入客户端JavaScript代码有4中方法: 1.内嵌,放置在和标签之间  (少); 2.放置在有标签的src属性指定的外…

    好文分享 2025年12月21日
    000
  • HTML实现简单计算器附详细思路

    大概思路就是将按键内容以字符串形式存储在文字框中当按钮为“=”时,调用eval方法计算结果然后将结果输出文字框中,需要的朋友可以参考下 复制代码 代码如下: Calculator var numresult; var str; function onclicknum(nums) { str = do…

    2025年12月21日
    000
  • JavaScript与HTML的结合方法详解

    这篇文章主要介绍了javascript与html的结合方法,利用实例向大家介绍javascript与html是如何结合的,内容很详细,感兴趣的小伙伴们可以参考一下 HTML中的JavaScript脚本必须位于与标签之间,JavaScript脚本可被放置在HTML页面的 标签和标签中,这种视情况而定,…

    2025年12月21日
    000
  • 向HTML中插入视频并兼容所有浏览器的方法

    这篇文章主要介绍了关于向html中插入视频并兼容所有浏览器的方法,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 向HTML中插入视频有两种方法,一种是古老的object标签,一种是html5中的video标签,前者兼容性相对好些,后者兼容性让人头疼 最常用的向HTML中插入视频的方法…

    好文分享 2025年12月21日
    000
  • Html制作简单而漂亮的登录页面

    这篇文章主要为大家详细介绍了html制作简单而漂亮的登录页面具体代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 先来看看样子。 html源码: XML/HTML Code复制内容到剪贴板 Login Login 登录 css代码: 立即学习“前端免费学习笔记(深入)”; CSS Code复制…

    2025年12月21日
    000
  • HTML代码制作滚动文字

    这篇文章主要介绍了关于html代码制作滚动文字,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 本节笔者讲述HTML代码中比较特殊的标签,它能使网页中的文字滚动,并且可以控制其滚动的属性。               制作滚动文字 通过本章前面的学习,读者已经能够很好地控制各种段落文字…

    2025年12月21日
    000
  • html文件的中文乱码问题与在浏览器中的显示问题

    这篇文章主要介绍了关于html文件的中文乱码问题与在浏览器中的显示问题,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 我今天的页面也是出现了乱码,所以在网上查找了相关的问题,看来一下,这个方法挺不错的,我也试验了呢,我用的editp编辑器,在文档—文件编码—更改文件编码—选择自己所需…

    2025年12月21日 好文分享
    000
  • HTML实现页面自动跳转的五种方法

    这篇文章主要介绍了关于html实现页面自动跳转的五种方法,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 在上篇文章给大家介绍了HTML页面3秒后自动跳转的三种常见方法,本文继续给大家介绍有关html页面跳转相关知识,一起学习吧。下面列了五个例子来详细说明,这几个例子的主要功能是:在5…

    好文分享 2025年12月21日
    000

发表回复

登录后才能评论
关注微信