HTML之网页结构

原创

已于 2022-10-25 20:34:01 修改 · 553 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#html #前端 #vscode

于 2022-09-27 19:20:04 首次发布

这篇博客详细介绍了HTML的基本结构，包括文档声明、html、head、title、body、meta标签的用法，以及如何进行注释和遵循HTML5规范。强调了正确书写网页结构的重要性，有助于理解和创建符合标准的网页。

最简单的网页结构

<html>
    <head>
        <title>网页的标题</title>
    </head>
    <body>
        网页的主体内容
    </body>
</html>

文档声明

<!DOCTYPE html>

文档声明写在html外第一行的位置，告诉浏览器程序员所编写的代码是按照html的规范进行编写，浏览器也要按照html规范给我编译，防止浏览器在编译代码时，陷入怪异模式，从而出现乱码。

html标签

<html></html>

html标签是一对根标签(根元素)，分为开始标签和结束标签，所有的内容都要写在html标签内，一个页面只有一个html标签。

head标签

<html>
    <head></head>
</html>

head标签又叫头部标签，可以帮助浏览器解析页面，这里面的内容不会被浏览器解析到页面中。

title标签

<h

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

幻阳梦天

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

HTML5之网页页面的基本结构

WQuestion的博客

08-31

2697

1、页面的基本结构 <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>标题栏</title> </head> <body> 网页内容 </body> </html> 2、基本结构中各标签的含义  <!Do

上中下结构html网页代码,简单理解网页源码(HTML源代码)

weixin_32642109的博客

06-08

2809

程序员无论做什么程序, 基本都会接触HTML, 如果做web开发这就是吃饭的家伙, 移动端APP 的没学过HTML不要紧, 但是要一眼大概可以看懂网页源代码, 有机会最好亲自学习一下HTML5, 最自身的提高还是有所帮助的HTML, 超文本标记语言. 简单理解为某些字句加上标志的语言，从而实现预期的特定效果。网页正是由这种HTML语言所编写出来的。作为一套标记语言，基本上只要明白各种标记的用法就...

参与评论您还未登录，请先登录后发表或查看评论

HTML学习Day1——网页的基本结构

ProQianXiao的博客

08-19

4210

网页的基本结构我们都知道网站是由一个一个网页构成的，每一个网页就是一个HTML文件。对于网页来讲，它有三个要素，结构、表现和行为。结构就是指网页的布局和骨架，是由HTML设置的；表现就是指网页的样式，由CSS控制；行为就是指网页的功能或者事件，比如点击按钮触发事件，是由JAVAScript控制的。一、最简单的网页 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"&gt

HTML(关于html结构和功能）

qq_56320180的博客

05-17

1953

1.HTML的结构1.1HTML的基本结构html标签是整个html文件的根标签最顶层标签head标签中写页面的属性body标签中写的是页面上显示的内容title标签中写的是页面的标题1.2:标签层次结构1.父子关系2.兄弟关系head和body是html的子标签(html就是head和body的父标签title是head的子标签. head是title的父标签head和body之间是兄弟关系2.HTML常用标签。

HTML 教程：学习如何构建网页||HTML 简介

爱编程的鱼的博客

06-24

4682

我的第一个网站

HTML基础教程笔记（HTML5与CSS3基础教程书）

weixin_55631415的博客

10-24

1957

7000字！！！HTML基础教程笔记（HTML5与CSS3基础教程书）

HTML网页结构

zhangeer的博客

09-30

919

HTML网页结构：html标签,head标签,title标签,body标签，!doctype html标签，meta 自结束标签

html网页结构

qq_57959475的博客

05-31

375

网页结构

认识HTML5网页结构.pdf

06-18

认识HTML5网页结构.pdf认识HTML5网页结构.pdf认识HTML5网页结构.pdf认识HTML5网页结构.pdf认识HTML5网页结构.pdf认识HTML5网页结构.pdf认识HTML5网页结构.pdf认识HTML5网页结构.pdf认识HTML5网页结构.pdf

html+css网页设计源代码

11-07

你可以通过查看和修改代码，了解HTML和CSS的工作原理，学习如何创建和组织网页结构，以及如何使用CSS来控制样式和布局。对于初学者，可以从简单的页面开始，如创建一个包含标题、段落和图片的基本网页，然后逐步增加...

html网页设计大作业

01-04

HTML网页设计是构建互联网内容的基础，它是一种标记语言，用于定义网页的结构和内容。在这个“html网页设计大作业”中，我们关注的重点是植物相关的主题，这表明学习者可能在创建一个关于植物的网站，旨在展示信息或...

1.HTML网页结构

MJ的博客

02-03

568

一、网页基本结构标题部分内容二、各标签说明 1、> 声明文档类型

HTML页面基本结构

yihuliunian的博客

08-30

1686

正确的HTML格式加上良好的编码规范才是一个成熟合格的项目。 HTML页面基本结构 <!DOCTYPE html><html><head><metacharset="utf-8"><title></title><head><body></body></html> HTML的页面结构非常简单，整体...

网页结构HTML

nangon1234的博客

04-18

1627

1.B/S 软件的结构软件开发架构结构模式实际例子 C/S（Client Server） JavaSE B/S （Browser Server） JavaEE 2.前端的开发流程 3.网页的组成部分内容（结构），是我们在页面中可以看到的数据。我们称之为内容。一般内容我们使用 HTML技术来展示。表现，指的是这些内容在页面上的展示形式。比如说。布局，颜色，大小等等。一般使用 CSS 技术实现。行为，指的是页...

【HTML】网页的基本结构

yy_bazinga的博客

02-27

1334

网页的基本结构网页的版本迭代文档声明（doctype）网页的基本结构网页语言网页的版本迭代 HTML4 XHTML2.0 HTML5 等等文档声明（doctype）文档声明用来告诉浏览器当前网页的版本。 HTML中的标签是不区分大小写的 html5的声明： <!doctype html>或 <!Doctype HTML>都可以文档声明需要放在html标签之前。网页的基本结构  <!-- 这里

HTML—网页结构

Natural_mengniu的博客

06-21

531

结构 <!doctype html> 为文档声明。不属于html内部，所以需写在html前面。 < meta charset=“UTF-8” > 用来设置网页的字符集，避免乱码，写在head标签中。 html 为根标签，其中包括 head和boby两个子标签。 head标签为头部标签，其中包括title标签，都不显示在网页内容中，显示在浏览栏。 boby标签为内容标签，显示在网页中，是网页的核心内容。完整结构：标签的属性属性在标签中还可以设置属性。属性是一个名值对的格

高效HTML网页设计框架介绍

现在我们将对这个“html网页设计框架”进行深入的知识点解析。 1. HTML文档类型声明 HTML文档以文档类型声明开始，它告诉浏览器该文档是HTML5文档。类型声明如下： ```html <!DOCTYPE html> ``` 这个声明是必须的，...