HTML简述及基本结构

2024-04-10 16:18:47

前端开发的定义：

为B/S架构软件提供界面解决方案

HTML概述

HTML是 HyperText Mark-up Language 的首字母简写，意思是超文本标记[标签]语言，超文本指的是超链接，标记指的是标签，是一种用来制作网页的语言，这种语言由一个个的标签组成，用这种语言制作的文件保存的是一个文本文件，文件的扩展名为html或者htm。

HTML文档基本结构

一个html的基本结构如下：

<!DOCTYPE html>
<html><head>            <meta charset="UTF-8"><title>网页标题</title></head><body>网页显示内容</body>
</html>

第一行是文档声明，第二行“<html>”标签和最后一行“</html>”定义html文档的整体，“<head>”标签和“<body>”标签是它的第一层子元素，“<head>”标签里面负责对网页进行一些设置以及定义标题，设置包括定义网页的编码格式，外链Css样式文件和Javascript文件等，设置的内容不会显示在网页上，标题的内容会显示在标题栏，“<body>”内编写网页上显示的内容。

一个html文件就是一个网页，html文件用编辑器打开显示的是文本，可以用文本的方式编辑它，如果用浏览器打开，浏览器会按照标签描述内容将文件渲染成网页。

VS Code快速创建html文档

新建一个html文档后，可以用快捷键的方式快速创建html文档:
快捷键：!+tab键[Enter]，或者 html:5+tab键[Enter]

HTML简述及基本结构相关推荐

简述Linux目录结构和系统结构
提到 GNU/Linux 系统的目录结构,不得不说一下FHS(Filesystem Hierarchy Standard,文件系统层次结构标准),正是这一标准的存在,详细的定义了类 Unix 操作系统 ...
简述python程序结构_Python程序结构
Python中有三种程序结构:顺序结构.选择结构.循环结构顺序结构:python是一门解释型语言,它的执行过程一般是解释一行,执行一行. 选择结构:python中只有一种选择结构:if-else选择 ...
简述数据字典的结构及其作用_数据结构——树基本概念及其遍历
树 1.概念树结构是一种描述非线性层次关系的数据结构在一个数结构中,有且仅有一个结点没有直接前驱,这个结点就是树的结点. 除根结点外,其余每个结点有且仅有一个直接前驱. 每个结点可以有任意多个直接 ...
简述python程序结构_python架构的概念讲解
Python就是这样一门受到全世界各地开源社区支持的语言,Python可以用来开发各种小工具软件.web应用.科学计算.数据分析等等. 本篇文章是关于Python构架的讲解,希望对于正在学习Pytho ...
简述python程序结构_Python－选择结构程序设计
廖雪峰的Python教程最近愈发觉得时间紧迫,毕业后参加工作以来,按键精灵断断续续学习了好多年,属于三天打鱼两天晒网这种类型,所以高不成低不就.so,最近必须加快步伐,赶赶进度,不能在踟蹰不前了. ...
简述流水线基本工作原理计算机,自动化专业计算机技术基础作业题(50题)
自动化专业计算机技术基础作业题(50题) (3页) 本资源提供全文预览,点击全文预览即可全文预览,如果喜欢文档就下载吧,查找使用更方便哦! 9.9 积分江西理工大学2012级自动化专业作业题1. 简 ...
c语言中的结构体定义和常见用法
1.结构体简述和概念结构体是C语言中一种重要的数据类型,该数据类型由一组称为成员(或称为域,或称为元素)的不同数据组成,其中每个成员可以具有不同的类型.结构体通常用来表示类型不同但是又相关的若干数据 ...
2022电大国家开放大学网上形考任务-建筑结构非免费（非答案）
建筑结构形考册作业1答案一.填空题(每小题2分,共20分) 1．对于有明显流幅的钢筋(俗称软钢),一般取( )作为钢筋设计强度的依据. 2．混凝土强度等级的表示方法为,符号C代表( ),C后面的数字 ...
C++结构之定义结构
此篇文章根据<C++程序设计基础(第5版)(上)>整理,为本书的各位编辑者的辛勤劳动成果,本人仅为其搬运简述. 定义结构结构类型以关键字struct标识,由结构类型名.各成员的名称和类型 ...

最新文章

热门文章