发表日期: 2022-09-23 11:30:55 浏览次数:179
为公司打造专属定制网站,驱动品牌加速互联网化创新发展。
企业官网建设,外贸网站建设,门户网站建设,响应式网站建设,创意品牌网站,营销型网站建设,展示型网站建设,购物商场系统,社区网站建设,网站改版服务,集团网站建设。
服务热线:400-111-6878 手机微信同号:18118153152(各城市商务人员可上门服务)。
安徽省铜陵网站建设_网页定制制作与开发多少钱_做到满意为止
HTML 中的标签就像关键字一样,每个标签都有自己的语义(含义),例如<p>
标签代表段落,<b>
标签代表加粗。根据标签的不同,浏览器会使用不同的方式展示标签中的内容。
在实际开发中,有时我们也将 HTML 标签称为 HTML 元素。
一般情况下,一个 HTML 标签由开始标签、属性、内容和结束标签组成,标签的名称不区分大小写,但大多数属性的值需要区分大小写,如下所示:
属性 ↓ <div class="foo">C语言中文网</div> ↑ ↑ ↑ 开始标签 内容 结束标签
除了 class 属性外,开始标签中还可以包含其它属性信息,比如 id、title 等,这些我们会在后面进行讲解。
注意,虽然 HTML 标签在语法上不区分大小写,但是为了规范和专业,强烈建议在定义标签时一律采用小写。
当使用浏览器打开我们编写的 HTML 文档时,浏览器会从上到下依次读取文档中的内容,并根据 HTML 标签和属性将标签中的内容呈现在浏览器中。
一个 HTML 文档中必须具有一些基本的标签,以便浏览器区分普通文本和 HTML 文档。您可以根据想要实现的效果使用任意数量的标签,但有以下几点需要注意:
所有 HTML 标签都必须放在尖括号< >
内;
HTML 中不同的标签可以实现不同的效果;
如果使用了某个标签,则必须使用对应的结束标签来结尾(自闭和标签除外)。
有一些 HTML 标签没有单独的结束标签,而是在开始标签中添加/
来进行闭合,这种标签称为自闭和标签。请看下面的例子:
<img src="./logo.png" alt="C语言中文网Logo" /> <!-- 图像 --><hr /> <!-- 分割线 --><br /> <!-- 文本换行 --><input type="text" placeholder="请输入内容" /> <!-- 文本输入框 -->
自闭和标签不用包围内容,所以不需要单独的结束标签。只有少部分 HTML 标签是自闭和的。
<!-- --> 表示 HTML 注释,用来对 HTML 代码进行说明,浏览器会忽略注释内容,所以用户在网页中看不到注释,我们将会在《HTML注释》中详细讲解。
大多数 HTML 元素都是可以嵌套使用的,也就是说一个 HTML 标签中可以包含其他的 HTML 标签,我们编写的 HTML 文档就是由相互嵌套的 HTML 标签构成,如下例所示:
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>HTML标签的嵌套</title></head><body><h1>C语言中文网<font size="4" color="#666">简介</font></h1><p>C语言中文网,一个在线学习<b>编程</b>的网站,目前已经发布了将近 <font color="red">50<sup>①</sup></font> 套教程,包括<i>C语言</i>、<i>C++</i>、<i>Java</i>、<i>Python</i> 等,请<a href="http://c.biancheng.net/sitemap/" target="_blank">猛击这里</a>查看所有教程。<hr /><small>注①:C语言中文网会持续更新优质教程,教程数量将远远超过 50 套。</small></p></body></html>
对代码的说明:
第 8 行代码,在 <h1> 标签中嵌套了 <font> 标签。<font> 标签用来设置文本样式,此处我们使用 size 属性设置了文本大小,使用 color 属性设置了文本颜色。
第 9~13 行代码,在 <p> 标签中嵌套了多种标签,其中:
<b> 标签用来加粗文本。
<sup> 标签用来设置上角标。
<i> 标签用来设置斜体文本。
<a> 标签用来设置超链接,其中 target 属性用来指明打开方式,_blank
表示从新标签中打开。
<hr> 标签用来设置分割线,它是一个自闭和标签。
<small> 标签用来呈现小号字体。
<font> 是一种不被建议使用的标签,HTML 5 已经不再支持,请尽量使用 CSS 来设置文本样式。
HTML 标签的嵌套层次是没有限制的,但是我们应尽量保持 HTML 文档的简洁。上面代码中嵌套层次最深的标签是 <sup>,它的嵌套路径为:
body -> p -> font -> sup。
以上代码结果如下图所示:
实现在手机等移动端小屏幕多屏幕上的“跨屏整合”。
手机网站定制,微网站定制,微活动创意设计,O2O电商系统,微商城开发,微信分销系统,小程序开发,微信公众号开发,微信企业号开发,微信订阅号开发,企业微信开发,微信公众代运营。
服务热线:400-111-6878 手机微信同号:18118153152(各城市商务人员可上门服务)。
上一页:【网站建设一条龙】湖北省恩施网站建设_网页定制制作与开发多少钱_做到满意为止-高端网站建设
下一页:没有了!
备案号: 苏ICP备11067224号-4
CopyRight © 2021 上往建站 All Right Reserved 未经许可不得复制转载
24小时服务热线:400-111-6878 E-MAIL:1120768800@qq.com QQ:1120768800
网址: http://yuntuiguang.cn/ 网站建设:上往建站
关键词: 网站建设| 域名邮箱| 服务器空间| 网站推广| 上往建站| 网站制作| 网站设计| 域名注册| 网络营销| 网站维护|
企业邮箱| 虚拟主机| 网络建站| 网站服务| 网页设计| 网店美工设计| 网站定制| 企业建站| 网站设计制作| 网页制作公司
欢迎您免费咨询,请填写以下信息,我们收到后会尽快与您联系
全国服务热线:400-111-6878