Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >HTML页面的基本代码结构是什么?

HTML页面的基本代码结构是什么?

原创
作者头像
用户8983410
修改于 2021-09-19 12:20:15
修改于 2021-09-19 12:20:15
1.3K0
举报

1、什么是标签:

html标签组成是html文档的最基本元素,一般是成对出现,由开始标签和与其对应的结束标签构成.?如,

,,, 等,此外,还有一些标签是单独出现的,如 ,等,标签可以相互嵌套使用。

由于html语言是一门弱类型语言,对格式的要求不是非常严格,因此所有标签是不区分大小写的,但是,一般在实际开发中,大家都统一使用小写。

2、html文档的基本结构

如上图,每一个html文档的基本结构为:

第一层:

<!DOCTTYPE>------!文档类型,它的目的是要告诉标准通用标记语言解析器,它应该使用什么样的文档类型定义(DTD)来解析文档,在html5文档中,一般写为<!DOCTTYPE html> ;值得注意的是,<!DOCTTYPE>不属于html标签。 -------html标签,是html文档的根标签,所有的网页标签都放在这对标签中,是所有html标签的祖先容器

第二层:

-------头部标签,代表着html文档的头信息,是所有头部元素的容器,内部一般包含: -------网页主体标签,其内部主要包含着构成网页内容的一些元素,如

, ,

,

等。这些元素都会在网页的内容部分显示。

3、标签的属性

就如人有这身高、体重、年龄等这些属性一样,html标签也有自己的属性,如字体颜色,宽,高,背景等。这些属性一般通过键值对的形式卸载标签中,是标签的一部分,并且每种标签的属性都不完全像同,有的标签有着自己特有的属性。如下图所示:

4、html注释

在实际开发中,我们需要在html文档中做一些标记,方便日后对代码的维护及修改,也方便其他程序员了解我们的代码。而在html文档中,注释的格式为:

我们可以理解为,html中,标签元素是给计算机读的,为注释是给程序员看的。

以上就是HTML页面的基本代码结构是什么?的详细内容

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
【iOS】基于Realm数据库的记账软件--时间线模块(三)
接下来,我们将开始搭建时间线界面。该模块是界面展示中最大的难点--时间线布局。那么,我们先来看看效果图,因为gif上传后,动不了。所以在这里用几张截图和文字简单的描述一下,具体效果大家可下载项目自行查看~
MapleYe
2020/03/31
9490
【iOS】基于Realm数据库的记账软件--时间线模块(三)
Realm数据库 从入门到“放弃”
Realm是由Y Combinator公司孵化出来的一款可以用于iOS(同样适用于Swift&Objective-C)和Android的跨平台移动数据库。目前最新版是Realm 2.0.2,支持的平台包括Java,Objective-C,Swift,React Native,Xamarin。
一缕殇流化隐半边冰霜
2018/08/30
5.3K0
【iOS】基于Realm数据库的记账软件--记账模块(二)
从记账的需求出发,该界面需要用户输入以下账单信息: (1)账单金额 (2)账单类型 (3)相关账户 (4)账单产生的日期 (5)备注 那么,结合一下需求,开始构思一下界面如何搭建吧。
MapleYe
2020/03/31
1.1K0
【iOS】基于Realm数据库的记账软件--记账模块(二)
手把手教你从 Core Data 迁移到 Realm - 简书
看了这篇文章的标题,也许有些人还不知道Realm是什么,那么我先简单介绍一下这个新生的数据库。号称是用来替代SQLite 和 Core Data的。Realm有以下优点:
一缕殇流化隐半边冰霜
2024/02/14
3350
手把手教你从 Core Data 迁移到 Realm - 简书
iOS开发实战-时光记账Demo 本地数据库版效果分析Demo地址
由于主页只是一个展示的时光轴界面,UIScrollView加几个按钮就能完成,需要读取数据库内容,所以我们先把内页-增加账单 完成。
gwk_iOS
2018/08/23
2.5K0
iOS开发实战-时光记账Demo 本地数据库版效果分析Demo地址
【iOS】基于Realm数据库的记账软件--钱包/记账模块(四)终
接下来,我们将开始钱包模块和记账模块。其实钱包模块是整个项目中最简单的一部分了,所以我将挑几个点说一说~还是老规矩,先看看界面效果: 图一:
MapleYe
2020/03/30
8620
【iOS】基于Realm数据库的记账软件--钱包/记账模块(四)终
iOS开发·第三方数据库处理框架:Realm 基本用法
除了FMDB,Realm也是一种很流行的数据库方案。 1. 官方资料 (最新版)Realm Objective‑C官方文档地址 https://realm.io/docs/objc/latest/ (中文版)Realm Objective‑C官方文档地址(内容相对英文版不一定是最新的)https://realm.io/cn/docs/objc/latest/ Realm官方API查阅手册 https://realm.io/docs/objc/latest/api/ GitHub源码地址 http
陈满iOS
2018/09/10
1.2K0
Realm、WCDB与SQLite移动数据库性能对比测试
Realm 是由Y Combinator孵化的创业团队开源出来的一款可以用于iOS(同样适用于Swift&Objective-C)和Android的跨平台移动数据库。目前最新版是Realm 2.0.2,支持的平台包括Java,Objective-C,Swift,React Native,Xamarin。
Cloudox
2021/11/23
4.4K0
Realm、WCDB与SQLite移动数据库性能对比测试
Java数据库项目之满汉楼
src/com/hspedu/mhl/dao/DiningTableDAO.java
timerring
2023/05/24
6800
Java数据库项目之满汉楼
【iOS】基于Realm数据库的记账软件--前言
笔者在今年毕业的时候,为了应付学校的毕业设计,因此做了一款基于Realm数据库的记账软件。现在毕业后,稍微闲下来了,所以打算将整个项目的核心实现步骤记录下来,供大家学习学习。当然,项目中肯定还存在着大大小小的bug,例如数据的溢出等细节处理。那么先让大家看看项目的效果图吧~
MapleYe
2020/03/31
8520
【iOS】基于Realm数据库的记账软件--前言
[iOS学习笔记]·FMDB:第三方数据库处理框架·用法示例篇(附源码Demo)
FMDatabase的实例对象_db在执行SQL语句的时候采取类似下面的代码。其中,有两种风格,一种在executeUpdate方法后面直接写上字符串的字面量语法。另一种在执行方法的后面基于SQL字符串初始化一个NSString对象。
陈满iOS
2018/09/10
1.1K0
[iOS学习笔记]·FMDB:第三方数据库处理框架·用法示例篇(附源码Demo)
微信公号DIY:MongoDB 简易ORM & 公号记账数据库设计
介绍了如何使用搭建&训练聊天机器人以及让公号支持图片上传到七牛,把公号变成一个七牛图片上传客户端。这一篇将继续开发公号,让公号变成一个更加实用的工具账本(理财从记账开始)。
goodspeed
2020/12/22
1.5K0
微信公号DIY:MongoDB 简易ORM & 公号记账数据库设计
iOS开发实战-时光记账Demo 网络版效果分析客户端部分服务端部分Demo地址简书主页
user表 相反Tally与Users的关系就是:一对多
gwk_iOS
2018/08/23
2.7K0
iOS开发实战-时光记账Demo 网络版效果分析客户端部分服务端部分Demo地址简书主页
【Android】Realm详解
介绍 Realm 是一个 MVCC (多版本并发控制)数据库,由Y Combinator公司在2014年7月发布一款支持运行在手机、平板和可穿戴设备上的嵌入式数据库,目标是取代SQLite。 Realm 本质上是一个嵌入式数据库,他并不是基于SQLite所构建的。它拥有自己的数据库存储引擎,可以高效且快速地完成数据库的构建操作。和SQLite不同,它允许你在持久层直接和数据对象工作。在它之上是一个函数式风格的查询api,众多的努力让它比传统的SQLite 操作更快 。 详细介绍(如果进不去,看这个也行)
Gavin-ZYX
2018/05/18
4.6K0
iOS开发之EventKit框架的应用
      iOS系统自带的Calendar应用非常强大,用户可以在其中添加日程事件,并且其提供了接口供其他应用进行调用,可以向日历中进行事件的读取和写入。
珲少
2019/07/01
4.2K0
iOS开发之EventKit框架的应用
iOS中CoreData数据管理系列三——添加与查询数据
    在前两篇博客中,分别介绍了iOS中CoreData框架创建数据模型和CoreData框架中的三个核心类。博客地址如下:
珲少
2018/08/15
9570
iOS中CoreData数据管理系列三——添加与查询数据
iOS本地数据存储
数据存储本质就是运行时的对象保存在文件、数据库中。数据存储可以分为两步:首先是将对象转换成二进制数据,这一步也叫序列化;相反,将二进制数据转换成对象则称为反序列化;然后是考虑二进制数据如何保存和读取。
落影
2019/07/15
3.2K0
iOS本地数据存储
iOS开发实战之搜索控制器UISearchController使用
当tableView中的数据过多的时候,在tableView上加一个搜索框就变的很必要了,本文就讨论搜索控制器的使用,以及谓词的简单实现。
用户1219438
2018/12/26
2.9K0
iOS开发之蓝牙通讯 原
        蓝牙是设备近距离通信的一种方便手段,在iPhone引入蓝牙4.0后,设备之间的通讯变得更加简单。相关的蓝牙操作由专门的CoreBluetooth.framework进行统一管理。通过蓝牙进行通讯交互分为两方,一方为中心设备central,一方为外设peripheral,外设通过广播的方式向外发送信息,中心设备检索到外设发的广播信息,可以进行配对连接,进而进行数据交互。
珲少
2018/08/15
1.2K0
iOS开发——FMDB的使用
今天决定给手上的项目加上一个数据库,用来进行数据持久化操作,关于在iOS端的数据持久化方式的差异,这里也就不再赘述,相信如果真实使用并且去感受过的人,有自己的评判标准。
Originalee
2018/08/30
8150
推荐阅读
相关推荐
【iOS】基于Realm数据库的记账软件--时间线模块(三)
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档