HTML文档的基本结构介绍

VIP文章 于 2023-05-20 14:18:20 发布
阅读量235 收藏
点赞数
分类专栏： 编程语言 HTML 文章标签： html 前端 css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45707610/article/details/130780454
版权

HTML文档的基本结构

1、一个HTML文档可以看成由以下两个部分构成：

文件头
由<HEAD></HEAD>标记标识
文档主体部分
由<BODY></BODY>标记标识

语法：<head>内容</head>
HEAD元素包含了与当前文档相关的信息，如文档的标题，关键字以及一些和文档内容无关仅对文档本身进行说明的数据信息。

2、head元素

1）、标题元素

<title></title>:标题元素
标题元素的内容出现在浏览器顶部。
没有属性。
必须出现在head元素中且只能有一个标题元素。

2）、元数据元素

<meta>元数据元素：设置消息头
meta的意思是“关于”，是关于某个网页的基本信息。
搜索引擎对meta元素中数据进行搜索可以帮助访问者找到该网页
属性

  • name：指定特性名
  • content：指定特性的值
  • http-equiv：使得HTTP服务器根据http-equiv属性的值获取http响应信息头，
最低0.47元/天 解锁文章
xiaoweids
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html文档基本结构(制作网页基础知识)
09-28
主要介绍了html文档基本结构,也就是制作网页的基础知识，明白这些才可以做更好的网页,需要的朋友可以参考下
HTML基本结构
fengzhiguanS的博客
03-15 2230
一、网页三大组成部分 结构：html，是超文本标记语言——用来搭建网页的结构 样式：css——网页的样式 行为：js，是一种语言，称为脚本语言——交互行为 用户对网页的操作 数据交互
HTML文档基本结构
m0_64487895的博客
10-28 1万+
HTML文档基本结构
HTML的基本结构
修罗神的海岛
04-13 4213
<html>内容</html>：HTML文档是由<html></html>这是HTML文档的文档标记，也称为HTML开始标记。这对标记分别位于网页的最前端和最后端，<html>在最前端表示网页的开始，</html>在最后端表示网页的结束。 <head>内容</head>: HTML 文件头标记，也称为HTML头信息开始标记。用来包含文件的基本信息，比如网页的标题、关键字,在<head></h.
HTML文档的基本结构
热门推荐
一只努力搬砖的打工妹纸
06-01 2万+
作为一门语言，虽然HTML比较简单，但是，它仍然会有自己的语法规则，该篇文章针对语法规则，做一些笔记HTML文档的基本结构如下：（1）文档类型声明（2）html 标签对（3）head 标签对（4）body 标签对一：文档类型声明（Document Type Declaration,DTD）这个部分的用来说明该文档是HTML文档。所有的HTML文档开始于文档声明之后，它说明了文档的类型及其所遵守的标...
简写html文档的基本结构,html概述及html文档基本结构
weixin_35645652的博客
06-08 440
html概述HTML是 HyperText Mark-up Language 的首字母简写，意思是超文本标记语言，超文本指的是超链接，标记指的是标签，是一种用来制作网页的语言，这种语言由一个个的标签组成，用这种语言制作的文件保存的是一个文本文件，文件的扩展名为html或者htm。html文档基本结构一个html的基本结构如下：网页标题网页显示内容第一行是文档声明，第二行“”标签和最后一行“”定义h...
HTML基本结构简述
ysds20211402的博客
05-05 1319
转自：微点阅读https://www.weidianyuedu.com 之前介绍了HTML的编码规范，良好编码规范可以让我们的代码更加的易于维护，而今天要说的基本结构，则是能够让我们的页面正确的进行页面显示和SEO，正确的HTML格式加上良好的编码规范才是一个成熟合格的项目。 HTML页面基本结构 <!DOCTYPE html><html><head><metacharset="utf-8"...
HTML基本标签详细介绍PDF
最新发布
01-18
在HTML中，标签（Tag）用于定义文档的结构和内容，它们以尖括号包围并位于文档的各个位置。标签通常是成对出现的，包括起始标签和结束标签，用于定义元素的开始和结束位置。在这篇文章中，我们将介绍HTML中常用的...
HTML基本结构全面了解
12-13
HTML基本结构 XML/HTML Code复制内容到剪贴板 <html>  <head>  <title>Document</title>  </head>  <body>  I am mossbaoo ! </body> 
HTML基础:HTML的基本结构
12-14
HTML的基本结构 　超文本文档分文档头和文档体两部分，在...标记，因为.html 或.htm 文件被Web浏览器默认为是HTML文档。<HEAD> 之间包括文档的头部信息，如文档总标题等，若不需头部信息则可省略此标记。<BOD
html文件结构
Alkali!的博客
07-10 640
html的所有标签为树形结构，例如： 标签 HTML 元素 表示一个 HTML 文档的根（顶级元素），所以它也被称为根元素。所有其他元素必须是此元素的后代。 允许的下级内容：一个 元素，后跟一个 元素HTML 元素 规定文档相关的配置信息（元数据，就是描述数据的数据），包括文档的标题，引用的文档样式和脚本等。 在页面加载完成的时候，head 标签里的内容，是不会在页面中显示出来的。它包含了诸如页面的HTML 元素 定义文档的标题，显示在浏览器的标题栏或标签页上。它只应该包含文本，若是包含有标签，
HTML简述及基本结构
qq_39671720的博客
05-13 5764
前端开发的定义： 为B/S架构软件提供界面解决方案 HTML概述 HTML是 HyperText Mark-up Language 的首字母简写，意思是超文本标记[标签]语言，超文本指的是超链接，标记指的是标签，是一种用来制作网页的语言，这种语言由一个个的标签组成，用这种语言制作的文件保存的是一个文本文件，文件的扩展名为html或者htm。 HTML文档基本结构 一个html的基本结构如下： &l...
简述html文档基本结构,html概述及html文档基本结构
weixin_39626181的博客
06-03 1586
html概述HTML是 HyperText Mark-up Language 的首字母简写，意思是超文本标记语言，超文本指的是超链接，标记指的是标签，是一种用来制作网页的语言，这种语言由一个个的标签组成，用这种语言制作的文件保存的是一个文本文件，文件的扩展名为html或者htm。html文档基本结构一个html的基本结构如下：html>网页标题网页显示内容第一行是文档声明，第二行“”标签和最...
html概述及html文档基本结构
qq_42370150的博客
06-22 1797
html概述 HTML是 HyperText Mark-up Language 的首字母简写，意思是超文本标记语言，超文本指的是超链接，标记指的是标签，是一种用来制作网页的语言，这种语言由一个个的标签组成，用这种语言制作的文件保存的是一个文本文件，文件的扩展名为html或者htm。 html文档基本结构 一个html的基本结构如下： <!DOCTYPE html> <h...
HTML 的文档结构
七秒钟的记忆
02-23 1847
HTML基础
HTML 的基本结构
weixin_42647964的博客
07-15 1478
基本骨架： HTML 文件的最基本的四个标签，组成了网页的基本骨架，包括：<html>、<head>、<title>、<body> html 标签： 定义 HTML 文件的根元素，表示整个的 HTML 文档，所有的标签要书写在 <html> 标签内部 head 标签： 用于存放 <title>，<meta>，<base>，<style>，<script>，<link>，内部用于
HTML文件的基本结构
05-25
一个基本的 HTML 文件应该包含以下几个部分： 1. 文档类型声明（Document Type Declaration）：告诉浏览器使用哪个 HTML 版本解析该页面。例如：<!DOCTYPE html> 2. HTML 根元素（HTML Root Element）：包含整个 HTML 文档的内容。例如：<html></html> 3. 头部（Head）：包含一些元数据，如网页的标题、关键字、描述等。例如：<head></head> 4. 主体（Body）：包含页面的主要内容，如文本、图片、视频等。例如：<body></body> 下面是一个示例的 HTML 文件结构： ``` <!DOCTYPE html> <html> <head> <title>网页标题</title> <meta charset="UTF-8"> <meta name="description" content="网页描述"> <meta name="keywords" content="关键字"> <link rel="stylesheet" href="样式表文件路径"> </head> <body> <h1>网页标题</h1> <p>这里是网页的主要内容。</p> <img src="图片路径" alt="图片描述"> </body> </html> ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值