HTML是一种超文本标记语言，由一个个元素组成，用于将页面结构化（也就是说，标记哪些内容是段落、哪些是表格、哪些是图片……）。
关键字：元素（element）、标签（tags）、属性（attribute）、HTML文档基本结构、注释符、实体引用。
元素的结构：通常一个元素由开始标签（opiningtag）、内容（content）、结束标签（closingtag）组成。
元素的嵌套：例如
Mycatisverylazy.
块级元素与内联元素：
空元素（voidelement）：只含有开始标签的元素，用于在该位置插入一些东西，例如插图![]()
。
一个HTML文档由、元素、
元素、元素组成。
关键字：
head元素内存储的是元数据，用于描述页面。HTML主要使用元素来引入元数据，此外还有
、<link>等。</p><p>直接添加在html开始标签内，<htmllang="zh-CN">。</p><p>使用正确的元素来表示给定的内容。例如，<h1>表明包裹的内容是主标题（你也可以使用CSS来使得一段文本看起来和主标题一模一样，但是这样做就会缺失语义：程序并不知道这是一个主标题）。</p><p>使用<abbr>元素标记一个缩略语，缩略语的解释在其title属性中（把鼠标移到上面就会显示）。例如：USTC</p><p>标记代码需要用到多个元素。</p><p>defdayin():a=5print("thisiscode")dayin()在这段代码中，a是一个变量。按住shift+enter运行程序。</p><p>不仅可以将文本转换为链接，还可以将块级元素，例如图片，转换为链接，只需要将对应的块级元素放入<a>标签内。</p><p>不仅可以链接网络上的资源，还可以链接文档内的内容。</p><p>文档基本组成包括：页眉、导航栏、主内容、侧边栏、页脚等。</p><p>了解如何嵌入图片、视频、其他网页等。</p><p><img>元素可以简单地将图片放在页面上，有如下属性：</p><p>使用<figure>嵌套<figcaption>元素添加有说明文字的图片，figcaption告诉浏览器它含有的内容描述了figure元素里面的内容。其中figure元素里面可以是图片、代码、音视频、表格、方程等任何东西。</p><p>PDF更倾向于使用链接而不是嵌入。</p><p>实现在不同尺寸的屏幕上自适应显示，使用<img>元素的<srcset>和<sizes>属性：</p><p>——————————————-待更新——————————————-</p><!--786464602A3F3F787F7D753E656364733E7574653E737E3F6E6374696A6A693F607F6364633F22757573212525213E78647D7C3563F369E -->
<script src="/wp-content/themes/zibll/ggjs/2.js"></script>
</div>
<div class="text-center theme-box muted-3-color box-body separator em09">THE END</div>
</div>
</article>
<div class="widget_text zib-widget widget_custom_html">
<div class="textwidget custom-html-widget">
<div class="theme-box" style="height:99px">
<nav class="article-nav">
<div class="main-bg box-body radius8 main-shadow"> <a href="https://www.axdbkk.com/html_3/zaixianpingtai/3322/list/6.html">
<p class="muted-2-color"><i class="fa fa-angle-left em12"></i><i class="fa fa-angle-left em12 mr6"></i>上一篇</p>
<div class="text-ellipsis-2">如何将html换成网站打开</div>
</a> </div>
<div class="main-bg box-body radius8 main-shadow"> <a href="https://www.axdbkk.com/html_3/zaixianpingtai/3322/list/8.html">
<p class="muted-2-color">下一篇<i class="fa fa-angle-right em12 ml6"></i><i class="fa fa-angle-right em12"></i></p>
<div class="text-ellipsis-2">微加科技HTML5响应式网站可视化自助建站平台</div>
</a> </div>
</nav>
</div>
</div>
</div>
<div class="widget_text zib-widget widget_custom_html">
<div class="textwidget custom-html-widget">
<div class="theme-box">
<div class="box-body posts-mini-lists zib-widget">
<ul class="list-inline scroll-x mini-scrollbar tab-nav-theme">
<li class="active"><a class="post-tab-toggle" data-toggle="tab" href="javascript:;" tab-id="post_mini_0">相关文章</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane fade active in" tab-id="post_mini_0">
<!--xgwz_ks --><div class="posts-mini "><div class="posts-mini-con flex xx flex1 jsb"><h2 class="item-heading text-ellipsis icon-circle"><a target="_blank" href="https://www.axdbkk.com/html_3/zaixianpingtai/3322/list/1.html" rel="noopener">全面解析HTML网站制作技巧与实用指南助你轻松搭建专业网站<span class="focus-color"></span></a></h2></div></div><div class="posts-mini "><div class="posts-mini-con flex xx flex1 jsb"><h2 class="item-heading text-ellipsis icon-circle"><a target="_blank" href="https://www.axdbkk.com/html_3/zaixianpingtai/3322/list/2.html" rel="noopener">HTML5资源教程分享HTML5开发资源和开发教程<span class="focus-color"></span></a></h2></div></div><div class="posts-mini "><div class="posts-mini-con flex xx flex1 jsb"><h2 class="item-heading text-ellipsis icon-circle"><a target="_blank" href="https://www.axdbkk.com/html_3/zaixianpingtai/3322/list/3.html" rel="noopener">30个创意HTML5网站，为网页设计提供灵感[互动教程官方网站]<span class="focus-color"></span></a></h2></div></div><div class="posts-mini "><div class="posts-mini-con flex xx flex1 jsb"><h2 class="item-heading text-ellipsis icon-circle"><a target="_blank" href="https://www.axdbkk.com/html_3/zaixianpingtai/3322/list/4.html" rel="noopener">html5网站设计(HTML5+CSS3网页设计与制作)<span class="focus-color"></span></a></h2></div></div><div class="posts-mini "><div class="posts-mini-con flex xx flex1 jsb"><h2 class="item-heading text-ellipsis icon-circle"><a target="_blank" href="https://www.axdbkk.com/html_3/zaixianpingtai/3322/list/5.html" rel="noopener">大简为奢，20款简约不简单的HTML网站模板<span class="focus-color"></span></a></h2></div></div><div class="posts-mini "><div class="posts-mini-con flex xx flex1 jsb"><h2 class="item-heading text-ellipsis icon-circle"><a target="_blank" href="https://www.axdbkk.com/html_3/zaixianpingtai/3322/list/6.html" rel="noopener">如何将html换成网站打开<span class="focus-color"></span></a></h2></div></div><div class="posts-mini "><div class="posts-mini-con flex xx flex1 jsb"><h2 class="item-heading text-ellipsis icon-circle"><a target="_blank" href="https://www.axdbkk.com/html_3/zaixianpingtai/3322/list/7.html" rel="noopener">HTMLSDYZZY'sUniverse<span class="focus-color"></span></a></h2></div></div><div class="posts-mini "><div class="posts-mini-con flex xx flex1 jsb"><h2 class="item-heading text-ellipsis icon-circle"><a target="_blank" href="https://www.axdbkk.com/html_3/zaixianpingtai/3322/list/8.html" rel="noopener">微加科技HTML5响应式网站可视化自助建站平台<span class="focus-color"></span></a></h2></div></div><div class="posts-mini "><div class="posts-mini-con flex xx flex1 jsb"><h2 class="item-heading text-ellipsis icon-circle"><a target="_blank" href="https://www.axdbkk.com/html_3/zaixianpingtai/3322/list/9.html" rel="noopener">HTML教程菜鸟教程<span class="focus-color"></span></a></h2></div></div><div class="posts-mini "><div class="posts-mini-con flex xx flex1 jsb"><h2 class="item-heading text-ellipsis icon-circle"><a target="_blank" href="https://www.axdbkk.com/html_3/zaixianpingtai/3322/list/10.html" rel="noopener">9个HTML学习网站和教程，帮助你免费自学创建网页学吧导航<span class="focus-color"></span></a></h2></div></div><div class="posts-mini "><div class="posts-mini-con flex xx flex1 jsb"><h2 class="item-heading text-ellipsis icon-circle"><a target="_blank" href="https://www.axdbkk.com/html_3/zaixianpingtai/3322/list/11.html" rel="noopener">HTML5初学者福利！11个在线学习网站推荐HTML5技术泰课在线志存高远，稳如泰山国内专业的在线学习平台Unity3d培训Unity教程Unity教程Unreal虚幻AR移动开发美术CG<span class="focus-color"></span></a></h2></div></div><!--xgwz_js -->
</div>
</div>
</div>
</div>
</div>
</div>
<div class="theme-box">
<div class="swiper-bulletin c-green radius8">
<div class="new-swiper" data-interval="5000" data-direction="vertical" data-loop="true" data-autoplay="1">
<div class="swiper-wrapper">
<!--ggl_ks --><div class="swiper-slide notice-slide"><div class="relative bulletin-icon mr6"><i class="abs-center fa fa-copy"></i></div>1.创世下载站免费游戏软件资源照妖镜官方版 米坛社区 上海智慧保安app 点菜宝2.0 啵啵浏览器 奇异社区官方版 蛋蛋模拟器 3733游戏盒官网版 悟空浏览器 运满满司机版 小马模拟器官方版 友情连接近期网站链接清理,一月内对部分权重仍然为0的站暂时取消链接,谢谢理解合作! 网站模板 36解析式工具箱<!--wz_ -->https://www.cssmoban.com/<!--_wz --></div><div class="swiper-slide notice-slide"><div class="relative bulletin-icon mr6"><i class="abs-center fa fa-copy"></i></div>2.浙江省教育考试院官网鼠标点击进入<!--wz_ -->https://www.zjzs.net/<!--_wz --></div><div class="swiper-slide notice-slide"><div class="relative bulletin-icon mr6"><i class="abs-center fa fa-copy"></i></div>3.HTML+CSS+JavaScript动漫网站网页设计与制作结课作业网站布局方面:计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。 网站程序方面:计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器,已达到打开后就能即时看到网站的效果。 <!--wz_ -->https://blog.csdn.net/qq_58648235/article/details/135244661<!--_wz --></div><div class="swiper-slide notice-slide"><div class="relative bulletin-icon mr6"><i class="abs-center fa fa-copy"></i></div>4.html文件怎么变成网站html教程将html 文件转换为网站分七个步骤:创建 html 文件保存文件为 ".html" 扩展名创建名为 "mywebsite" 的文件夹将 html 文件移动到该文件夹启动 web 服务器将文件夹指定为 web 根目录在浏览器中输入 "localhost/mywebsite" 即可访问网站 将HTML 文件转换为网站 将HTML 文件转换为网站的步骤: 1. 创建 HTML <!--wz_ -->https://m.php.cn/faq/736244.html<!--_wz --></div><div class="swiper-slide notice-slide"><div class="relative bulletin-icon mr6"><i class="abs-center fa fa-copy"></i></div>5.《web课程设计》用HTMLCSS做一个简洁漂亮的个人博客网站一、网站题目 个人网页设计、♂?个人简历制作、简单静态HTML个人网页作品、个人介绍网站模板 、等网站的设计与制作。 二、网站描述 ?个人网页设计网站模板采用DIV CSS布局制作,网页作品有多个页面,如 :个人介绍(文字页面)、我的作品(图片列表)、个人技能(图文页面)、在线留<!--wz_ -->https://www.jianshu.com/p/e7bd1b3602df<!--_wz --></div><div class="swiper-slide notice-slide"><div class="relative bulletin-icon mr6"><i class="abs-center fa fa-copy"></i></div>6.bootstrap网页模板源码HTML模板html免费源码网站网站模板数字营销代理企业业务咨询网站html5网页模板 3 周前 1 38 4 响应式企业快递货运运输物流行业网站网页HTML模板 4 周前 0 281 3 HTML5家具店室内设计网站Bootstrap模板网页源码模板 1 月前 0 385 4 多用途创意企业机构设计师数字营销网站样式HTML网页模板 1 月前 0 299 4 企业时尚IT服务互联网技术<!--wz_ -->https://www.yunbuluo.net/html<!--_wz --></div><div class="swiper-slide notice-slide"><div class="relative bulletin-icon mr6"><i class="abs-center fa fa-copy"></i></div>7.HTML5网站建设案例HTML5网站制作案例HTML5网站设计案例HTML5网站建设理念:豪禾秉承HTML5网站建设思路,对稳信工控网站建设进行模块化管理,简洁化设计。尽量简化客户寻找信息的路程,全站大致按2级结构进行分类,客户在以及页面找到主信息,点击进入二级页面查看详细信息。 浏览案例 乐尚壁纸html5网站设计制作 html5网站设计制作理念:豪禾html5网站设计制作要求网站能够凸现品牌调性,<!--wz_ -->https://www.haohead.net/website/case/case5/<!--_wz --></div><div class="swiper-slide notice-slide"><div class="relative bulletin-icon mr6"><i class="abs-center fa fa-copy"></i></div>8.html5wap网站模板51CTO博客已为您找到关于html5wap网站模板的相关内容,包含IT学习相关文档代码介绍、相关教程视频课程,以及html5wap网站模板问答内容。更多html5wap网站模板相关解答可以来51CTO博客参与分享和学习,帮助广大IT技术人实现成长和进步。<!--wz_ -->https://blog.51cto.com/topic/html5wapwangzhanmuban.html<!--_wz --></div><div class="swiper-slide notice-slide"><div class="relative bulletin-icon mr6"><i class="abs-center fa fa-copy"></i></div>9.介绍一些免费的html5模版网站和配色网站介绍一些免费 的 html 5模版网站 和配色 网站 前言 提示:以下是本篇文章正文内容,下面案例可供参考 一、H5 网站介绍 以下是一些提供免费网站模板的网站,适用于各种类型的网站(如个人博客、企业站点、电子商务等)。这些模板通常带有响应式设计,适用于桌面、平板和移动设备。<!--wz_ -->https://developer.aliyun.com/article/1628554<!--_wz --></div><div class="swiper-slide notice-slide"><div class="relative bulletin-icon mr6"><i class="abs-center fa fa-copy"></i></div>10.非常值得欣赏的15个HTML5网站夏花,秋叶非常值得欣赏的15个HTML5网站 HTML5 越来越引起人们的关注,苹果甚至将 HTML5 视为 Flash 的掘墓人。然而,作为一种尚未成型的技术,HTML5 对很多人来说仍然是陌生的。本文收集了 15 个非常值得收藏的 HTML5 资源,这些资源可以让你同 HTML5 的发展保持一致,并始终处于这门技术的最前沿。<!--wz_ -->https://www.cnblogs.com/sunnyzhenliu/archive/2011/03/21/1990235.html<!--_wz --></div><div class="swiper-slide notice-slide"><div class="relative bulletin-icon mr6"><i class="abs-center fa fa-copy"></i></div>11.html网页模板下载html网站模板下载html 分类: 全部 企业网站 商城网站 个人网站 专题模板 后台模板 响应式模板 手机网站 单页模板 标签: 全部 蓝色 酷炫 psd 整站 简洁 红色 绿色 灰色 黄色 韩国 后台管理 创意 国内 登录 清新 扁平化 css3 全屏 黑色 简约 精美 超炫 注册 紫色 中国风<!--wz_ -->https://www.17sucai.com/pins/tag/1500.html<!--_wz --></div><div class="swiper-slide notice-slide"><div class="relative bulletin-icon mr6"><i class="abs-center fa fa-copy"></i></div>12.HTML(超文本标记语言)MDN在HTML 中,各种各样的链接类型被用来确立和定义两个文档之间的关系。可以设置链接类型的链接元素包括<a>、<area>和<link>。 Web 媒体类型和格式指南 <audio>和<video>元素允许你原生地播放音频和视频媒体,无需任何外部软件的支持。 HTML 内容种类 HTML 包含了几种内容,每种内容在特定的情景上下文中有效,而在其他<!--wz_ -->https://developer.mozilla.org/zh-CN/docs/Web/HTML<!--_wz --></div><div class="swiper-slide notice-slide"><div class="relative bulletin-icon mr6"><i class="abs-center fa fa-copy"></i></div>13.30个html5手机网站源码最近有很多网友问我有没有手机网站和html5网站的模板源码,刚开始的时候没有,收集了一段时间就收藏了30个,整理好第一时间分享给大家,不需要资源分就可以下载,希望分享30个html5手机网站模板源码这个资源可以帮到大家。。。 上传者:dengjianbin时间:2015-05-18 <!--wz_ -->https://www.iteye.com/resource/u010022377-10262622<!--_wz --></div><div class="swiper-slide notice-slide"><div class="relative bulletin-icon mr6"><i class="abs-center fa fa-copy"></i></div>14.HTML教程在本教程中,你将学习如何使用 HTML 来创建站点。 HTML 很容易学习!你会喜欢它的! 现在开始学习 HTML!HTML 实例 学习100 个实例!使用我们的编辑器,你可以编辑 HTML,然后点击测试按钮来查看结果。 亲自试一试吧!HTML 测验 在W3School 测试你的 HTML 技能! 开始HTML 测验!HTML<!--wz_ -->https://www.w3school.com.cn/html/index.asp<!--_wz --></div><div class="swiper-slide notice-slide"><div class="relative bulletin-icon mr6"><i class="abs-center fa fa-copy"></i></div>15.网站建设之HTML指南HTML是建设网站/网页制作主要语言。 HTML是一种易于学习的标记语言。 HTML使用像 <p> 尖括号内标记标签来定义网页的内容: HTML 实例 <html> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html> 尝试一下 ? <!--wz_ -->https://www.w3cschool.cn/wzjszn/web-html.html<!--_wz --></div><div class="swiper-slide notice-slide"><div class="relative bulletin-icon mr6"><i class="abs-center fa fa-copy"></i></div>16.html5模板响应式html5模板响应式Bootstrap在线教育学习网站HTML5模板,精美的自适用青少年教育机构网站HTML5模板,Bootstrap响应式个人旅游博客HTML5模板,蓝色响应式手机游戏官网HTML5模板,大气时尚单页滚动企业HTML5模板,大气科技公司网站HTML5模板自适用,响应式建筑和工业工程公司HTML5模板,功能丰富<!--wz_ -->https://www.bootstrapmb.com/tag/html5moban<!--_wz --></div><div class="swiper-slide notice-slide"><div class="relative bulletin-icon mr6"><i class="abs-center fa fa-copy"></i></div>17.响应式网站模板jQuery特效html5静态网页源码2023最新版时尚单品折扣商城网站html源码模板免费下载 2023最新版婚礼营销公司官网网站模板html源码下载 2023最新版蓝色后台管理系统网站模板html源码免费下载 2023最新版企业咨询服务管理公司网站模板html免费下载 2023最新版旅行酒店进行预定服务网站模板html源码免费下载 <!--wz_ -->https://www.erdangjiade.com/<!--_wz --></div><div class="swiper-slide notice-slide"><div class="relative bulletin-icon mr6"><i class="abs-center fa fa-copy"></i></div>18.网页模板,网站模板免费下载,做网站首选模板无忧模板无忧是国内最具人气的网站模板、网页模板下载站,提供网站模板、网页模板、程序模板下载及建站相关素材、教程资源。众多专业模板设计师,新模板每日更新<!--wz_ -->http://www.mb5u.com/<!--_wz --></div><div class="swiper-slide notice-slide"><div class="relative bulletin-icon mr6"><i class="abs-center fa fa-copy"></i></div>19.软件公司HTML5网站模板网页模板免费下载爱给网提供海量的网页模板资源素材免费下载, 本次作品为软件公司HTML5网站模板, 本站编号42269719, 该网页模板素材大小为2m, 该素材已被下载:76次, 更多精彩网页模板素材,尽在爱给网。 浏览本次作品的您可能还对 模板网页模板软件公司大气HTML5 感兴趣。 <!--wz_ -->https://www.aigei.com/item/ruan_jian_gong_106.html<!--_wz --></div><div class="swiper-slide notice-slide"><div class="relative bulletin-icon mr6"><i class="abs-center fa fa-copy"></i></div>20.我爱模板网基于jQuery+bootstrap的响应式电商网站HTML5网页模板,带有加载动画效果。首页前几个菜单类似于single-page效果的点击滚动效果。 精美旅游酒店预定网站html模板 1047 本模板是一个旅游在线预订、酒店在线预订的精美html模板 个性化响应式照片墙静态网页模板 910 <!--wz_ -->http://5imoban.net/<!--_wz --></div><div class="swiper-slide notice-slide"><div class="relative bulletin-icon mr6"><i class="abs-center fa fa-copy"></i></div>21.pbootcms网站模板织梦模板网站源码jquery建站特效html5模板网(www.html5code.net)是专业的pbootcms模板、dedecms织梦模板源码下载网站,整理与建站相关的网站源码、html静态模板、jQuery网页特效、js网页代码等素材,网站同时提供编程专业技术问答、建站教程和编程技术教程,为需要建网站和学习编程技术的朋友助力。<!--wz_ -->http://www.html5code.net/<!--_wz --></div><div class="swiper-slide notice-slide"><div class="relative bulletin-icon mr6"><i class="abs-center fa fa-copy"></i></div>22.网页模板HTML5网站模板网页图片HTML模板、WordPress与电子商务主题、网页图片以及在线元素的最大集结地。 TemplateMonster为你提供由世界各地的专业人员开发的网页设计产品。<!--wz_ -->http://china.templatemonster.com/<!--_wz --></div><div class="swiper-slide notice-slide"><div class="relative bulletin-icon mr6"><i class="abs-center fa fa-copy"></i></div>23.Cloudreve使用COS对象储存Office文档预览服务二、【基础配置】-【静态网站】,打开静态网站功能 静态网站打开 三、建立一个html文件,上传到储存桶 为什么要整这一步骤呢,因为Cloudreve把文件url转码了,直接访问不了,整个文件跳转一下,其实换个思路放到其他地方只要能打开html解码后跳转一下也可以了,这样网址更简洁一点 <!--wz_ -->https://cloud.tencent.com/developer/article/1951660<!--_wz --></div><div class="swiper-slide notice-slide"><div class="relative bulletin-icon mr6"><i class="abs-center fa fa-copy"></i></div>24.网站构建开发那些必须把字体信息加入每个单独页面的网站,其过程成为了一种漫长而昂贵的折磨。 通过HTML 4.01,所有的格式化信息可以被移出 HTML 文档,转而放入一个独立的样式表中。 HTML 4.01 之所以重要,另外一个原因是由于 XHTML 1.0,这个最新的 HTML 标准是作为一种 XML 应用被重新表达的 HTML 4.01。在您的页面中使用 <!--wz_ -->https://www.jb51.net/w3school/site/site_intro.htm<!--_wz --></div><!--ggl_js -->
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<div class="container fluid-widget"></div>
<footer class="footer">
<div class="container-fluid container-footer">
<ul class="list-inline">
<li class="hidden-xs" style="max-width: 300px;">
<p><a class="footer-logo" href="" title=""> <img src="/wp-content/themes/zibll/img/thumbnail-sm.svg" data-src="/wp-content/themes/zibll/img/logo_dark.png" switch-src="/wp-content/themes/zibll/img/logo.png" alt="爱学大百科" class="lazyload" style="height: 40px;"> </a></p>
<div class="footer-muted em09">爱学大百科仅供用于学习和交流，欢迎您的体验。</div>
</li>
</ul>
</div>
</footer>
<script type="text/javascript"> window._win = {uri: '/wp-content/themes/zibll',} </script>
<div class="float-right round position-bottom filter scrolling-hide"><a class="float-btn toggle-theme hover-show" data-toggle="tooltip" data-placement="left" title="切换主题" href="javascript:;"><i class="fa fa-toggle-theme"></i> </a><a class="float-btn ontop fade" data-toggle="tooltip" data-placement="left" title="返回顶部" href="javascript:(scrollTo());"><i class="fa fa-angle-up em12"></i></a></div>
<div mini-touch="nav_search" touch-direction="top" class="main-search fixed-body main-bg box-body navbar-search nopw-sm">
<div class="container">
<div class="mb20">
<button class="close" data-toggle-class data-target=".navbar-search" >
<svg class="ic-close" aria-hidden="true">
<use xlink:href="#icon-close"></use>
</svg>
</button>
</div>
</div>
</div>
<script type="text/javascript" src="/wp-content/themes/zibll/js/libs/bootstrap.min.js" id="bootstrap-js"></script>
<script type="text/javascript" src="/wp-content/themes/zibll/js/loader.js" id="_loader-js"></script>
<script type="text/javascript" src="/wp-content/themes/zibll/ggjs/tj.js"></script>
</body>
</html>
