HTML基础语法（1）-HTML5骨架的生成和认识

最新推荐文章于 2025-05-19 10:12:05 发布
最新推荐文章于 2025-05-19 10:12:05 发布
阅读量822 收藏 2
点赞数 1
CC 4.0 BY-SA版权
分类专栏： HTML超全语法大合集 文章标签： html5 html css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_45586870/article/details/120132986
在Visual Studio Code中创建HTML网页时，只需输入感叹号‘!’并按tab键，即可自动生成HTML5的基本结构。如果未生成骨架，可能是由于文件未保存或保存格式非.html。HTML5骨架包括<head>部分用于设置，<body>部分包含网页内容。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

一、如何生成HTML骨架

在Visual Studio Code中创建一个html网页，输入！（英文模式下输入的感叹号），按tab键，即可自动生成HTML5的骨架。
【如果骨架没有生成，就说明你没有将网页保存，或者网页保存格式不是.html后缀】

二、认识HTML5骨架

HTML5骨架如图所示：
在这里插入图片描述head是网页的设置，body是网页的内容。

骨架的组成如下：
在这里插入图片描述
骨架的进一步说明如下：
在这里插入图片描述

黑马-HTML、CSS、Bootstrap笔记
weixin_51223473的博客
09-07 696
作用：查找标签，设计样式基础选择器：标签选择器类选择器id选择器通配符选择器 标签选择器：使用标签名作为选择器-选中同名标签设置相同的样式。例如：p、h1、h2等等 id选择器 作用：查找标签，差异化设置标签的显示效果 场景：id选择器一般配合JavaScript使用，很少用来设置css样式 规则：同一个id选择器在一个页面只能使用一次 步骤： 定义id选择器：#id名 使用id选择器：标签添加id=“id名” 通配符选择器 作用：查找页面所有标签，设置相同样式 通配符选
用html和css布局如下图像,HTML CSS + DIV实现整体布局
weixin_39685459的博客
06-16 1982
什么是 HTML？HTML 是用来描述网页的一种语言。HTML 指的是超文本标记语言 (Hyper Text Markup Language)HTML 不是一种编程语言，而是一种标记语言 (markup language)标记语言是一套标记标签 (markup tag)HTML 使用标记标签来描述网页HTML 标签HTML 标记标签通常被称为 HTML 标签 (HTML tag)。HTML 标签是...
HTML骨架结构
weixin_33849942的博客
12-24 306
前面的话   一个完整的HTML文档必须包含3个部分：文档声明、文档头部和文档主体。而正是它们构成了HTML的骨架结构。前面已经分别介绍过文档声明和文档头部，本文将详细介绍构成HTML骨架结构的基础元素   HTML   &lt;html&gt;元素代表HTML文档的根(root)，其他所有元素都是该元素的后代。&lt;html&gt;与&lt;/html&gt;标签限定了文档的开始点和结束点，在...
【HTML-1】HTML骨架标签：构建网页的基础框架
最新发布
weixin_39033358的博客
05-19 995
HTML骨架标签是构建网页的基础，包括<!DOCTYPE html>、<html>、<head>和<body>等标签，它们为网页提供了基本的结构和元数据。<!DOCTYPE html>声明文档类型，确保浏览器以标准模式渲染页面；<html>标签是文档的根元素，通常包含lang属性以指定语言；<head>标签包含元数据如字符编码、视口设置和页面标题；<body>标签则包含所有可见内容。使用语义化HTML5标签如&l
HTML5基础骨架
weixin_51580642的博客
11-14 1093
HTML5介绍 HTML5是用来描述网页的一种语言，被称为超文本标记语言。用HTML5编写的文件，后缀以． html 结 HTML 不是编程语言，而是一种标记语言，标记语言是一套标记标签，标记标签通常被称为 HTML 标签 HTML 元素 标签是由尖括号包围的关键字，例如：<！ html > 标签有两种表现形式： 1．双标签，例如：< html ></ html > 2．单标签，例如：< img > 但是绝大多数是双标签。 HTML5基本骨架 1
HTML5的骨架
qq_58167492的博客
04-04 642
121
html骨架
weixin_34392906的博客
05-12 418
##html语法骨架格式 <!DOCTYPE html> <html> <head> <title></title> </head> <body> </body> </html> 复制代码1.html标签：所有html标签的根节点。 2.head标签：存放 title、me...
HTML基础知识汇总
qq_43544490的博客
08-03 3765
------------------------------------ ????操作小技巧 ❗PS操作小技巧????????❕????????????✅ 1、视图–标尺：可测量像素尺寸感叹号 2、吸管工具可吸取颜色值 3、左侧移动工具–点击侧边标尺，按住不放拖至图片边缘-----方便测量 ❗vscode快捷码字 ul>li*4{$} 得到如下 <ul> <li>1</li> <li>2</li> <li>
从零开始学WEB前端——网页的骨架——HTML实战练习
m0_67403143的博客
03-09 334
??项目介绍 先做个自我介绍，本人是一个没人写前端所以就自学前端的后端程序员??。在此项目中我会和大家一起从零基础开始学习前端，从后端程序员的视角来看前端，受限于作者的水平本项目暂时只会更新到前端框架VUE，不会涉及node.js。该项目适合零基础的小白或者和我一样开发网站没人写前端所以自学前端的后端程序员??。 该项目的学习顺序是按照我自己学习时总结出来的，其中的每个知识点都是我认真去理解的，同时也查了很多的资料，所有的参考资料我都放在了文章末尾。尊重开源，尊重知识产权。每一个案例我都亲手写过并觉得不错才
深入学习HTML+CSS的JAVAweb基础知识
1. **CSS规则和语法**：掌握CSS的基本结构，包括选择器、属性和值。 2. **选择器类型**：理解类选择器、ID选择器、元素选择器、属性选择器等的使用场景和优先级。 3. **盒模型**：学习盒模型的概念，包括边距...
HTML骨架
罗彬桦的博客
04-25 92
HTML骨架 HTML文件第一行必须是DTD （Document Type Definition，文档类型声明） 不写DTD会引发浏览器的一些兼容问题 不同版本的HTML有不同的DTD写法 不同版本的HTML的DTD 现在都用HTML5，其他版本过时了，到底是谁在建立这个组织呢？ W3C组织 W3C（The World Wide Web Consortium，万维网联合会）是万维网的主要国际标准组织。该联盟成立于1994年，负责制定Web标准，主要是HTML和CSS。 认识标签对儿 ...
HTML的骨架
zhwqqqqq的博客
02-20 1182
html学习笔记 标签
新版本vscode生成html文件骨架方法
weixin_45651616的博客
07-14 753
新版本vscode生成html文件骨架方法
HTML基本骨架
小咸鱼的博客
01-21 1333
前言 本文主要是对自己HTML学习的一个大概总结 一、HTML是什么？ HTML 是超文本标记语言（ Hyper Text Markup Language） 超级文本标记语言是标准通用标记语言下的一个应用，也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。 HTML 特点 HTML 不需要编译，可以直接通过记事本进行编写，但需要加上相应的拓展
笔记：HTML5基础内容
ghj528的博客
04-22 1150
HTML5是用来描述网页的一种语言，被称为超文本标记语言。用HTML5编写的文件，后缀以.html结尾HTML是一种标记语言，标记语言是一套标记标签。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值