HTML5概述

WFIT~SKY

于 2024-09-14 17:54:00 发布

阅读量60

点赞数 3

分类专栏： Web前端文章标签： html5 前端 html

本文链接：https://blog.csdn.net/lv_soso/article/details/142263406

版权

Web前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

1. HTML概述

1.1 HTML定义

HTML超文本标记语言，其中超文本是链接，标记也叫标签（即带尖括号的文本）。

1.2 HTML基本骨架

HTML基本骨架是网页模板。

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

html：整个网页

head：网页头部，存放给浏览器看的代码，例如CSS

body：网页主体，存放给用户看的代码，例如文字、图片

title：网页标题

1.3 HTML关系

父子关系（嵌套）

<html>

<head></head>

</html>

兄弟关系（并列）

<head></head>

<body></body>

2. HTML开发环境

2.1 软件环境

Visual Studio Code

2.2 插件安装

打开网页插件

open in browser

汉化软件插件

Chinese (Simplified) Language Pack for Visual Studio Code

2.3 修改配置

字号

字号放大：ctrl + 加号

字号缩小：ctrl + 减号

2.4 基本操作快捷键

快速生成HTML骨架：! + Enter或tab

VS Code自动生成的骨架

注意1： !必须是英文的，中文!无效

注意2：必须保证当前文件后缀名是.html，否则无效

注释快捷键：ctrl + /

注释样式：

添加注释：ctrl + /

删除注释：ctrl + /

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

WFIT~SKY

关注关注

3
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

【HTML5系列教程】

緑水長流*z

06-08

4664

**内容包括HTML简介、服务器的概念、B/S、C/S软件架构、前端与后端的开发内容、HTML发展历程、浏览器内核介绍、Web标准、WebStorm工具的使用、WebStorm常用快捷键、HTML常用标签** **如：文本标签(span)、排版标签(div/p/h1~h6)、图像标签(img)、超链接(a)、锚点的使用、列表标签(ul/li)、表格标签(table)、表单标签(form)** **元素的种类、块级元素/行内元素/行内块元素的特点** **HTML5新增标签：包括布局标签(header/

HTML5概述 - 语义化标签

前端队长Daotin

11-20

6744

一、HTML5 简介1、什么是 HTML5HTML5 不是一门新的语言，而是我们之前学习的 HTML 的第五次重大修改版本。2、HTML 的发展历史•超文本标记语言（第一版，不叫 HTML 1.0）——在 1993 年 6 月作为互联网工程工作小组（IETF）工作草案发布（并非标准）；•HTML 2.0——1995 年 11 月作为 RFC 1866 发布，在 RFC 2854 于 2000 年 ...

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

HTML5+CSS网页设计概述

橘猫吃不胖的博客

09-27

2980

HTML5+CSS网页设计概述1 网页概述1.1 认识网页1.2 网页名词解释1.3 web标准2 网页制作技术入门2.1 HTML2.2 CSS2.3 JavaScript2.4 网页的展示平台——浏览器3 阶段案例——创建第一个网页 1 网页概述 1.1 认识网页网页是承载各种网站应用和信息的容器，所有可视化的内容都会通过网页展示给用户。以CSDN首页为例，可以看到网页主要由文字、图像和超链接1等元素构成。当然除了这些元素，网页中还可以包含音频、视频以及动画等。下面是CSDN首页的源代码，这是一

Web前端——HTML概述

巧克力布丁的博客

07-02

2069

HTML简介为什么要学习HTML5 什么是HTML HTML5新特性

HTML5画布概述

HTMl5自由者

08-06

2299

本文提供了HTML5的画布基本用法的概述。概述被分成两部分：声明一个HTML5 canvas元素。绘图画布元素的图形。声明canvas元素首先，让我们来看看如何在一个HTML页面声明canvas元素： <帆布ID =“EX1”WIDTH =“500”HEIGHT =“150” 风格=“边界：1px的固体#CCCCCC;”> 不支持HTML5画布

HTML5 + CSS3

坏蛋阿土的博客

10-29

8553

HTML指的是超文本标记语言(HyperText Markup Language)，它是用来描述网页的一种语言。 HTML不是一种编程语言，而是一种标记语言(markup language)。标记语言是一套标记标签(markup tag)。所谓超文本，有2层含义∶ 1.它可以加入图片、声音、动画、多媒体等内容（超越了文本限制）。 2.它还可以从一个文件跳转到另一个文件，与世界各地主机的文件连接（超级链接文本)。网页是由网页元素组成的，这些元素是利用html标签描述出来，然后通过浏览器解析来显示给用户的。浏

HTML5 之 Link 标签

无

06-16

1万+

概述 link 元素用于链接外部css样式表等其他相关外部资源。 link 其中link中包括如下属性。 href：指明外部资源文件的路径，即告诉浏览器外部资源的位置 hreflang：说明外部资源使用的语言 media：说明外部资源用于哪种设备 rel：必填，表明当前文档和外部资源的关系 sizes：指定图标的大小，只对属性rel="icon"生效 type：说明外部资源的 MIME 类型，如text/css、image/x-icon rel rel核心属性的参数值如下，也可参考 MDN.

HTML5 之 Audio 标签

无

07-12

1万+

概述 audio 用于在文档中嵌入音频元素。 audio元素是HTML5新增的行内标签，IE8及以下浏览器不支持audio标签。若浏览器不支持video元素或者无法播放音频，则会显示替代文本（开始和结束标签之间的内容）。 <audio src="music.mp3">当前浏览器不支持audio标签</audio> 标签属性 autoplay：音频会尽快自动播放，不会等待整个音频下载完成 controls：浏览器提供包括声音、播放进度、播放暂停的控制面板（不同浏览器.

学习HTML5这一篇就够了

热门推荐

轻松的小希

11-25

9万+

目录第一章 HTML5概述1.1、什么是HTML1.2、什么是HTML51.3、本文重要说明1.4、浏览器的版本1.5、选择开发工具第二章 HTML5语法2.1、基本结构2.2、语法规范2.3、标签规范第三章 HTML5标签3.1、标题标签3.2、段落标签3.3、链接标签3.4、图像标签3.5、表格标签3.6、列表标签3.7、分组标签3.8、语义标签3.9、表单标签3.10、框架标签3.11、音频标签3.12、视频标签3.13、其它标签3.14、头部标签第四章 HTML5属性4.1、属性概述4.2、通用属性

html5学习开发指南

强子的专栏

08-05

4647

本文发表于CSDN《程序员》杂志2016年8月期，未经允许不得转载！概述：随着移动互联网的兴起，前端开发工程师的岗位也随着兴起。前端工程师不仅在用户和产品之间扮演着越来越重要的角色，而且前端的职能也能够（开始）朝着服务端延伸。所以不仅小公司缺人在招前端，大公司同样面临着缺少优秀前端工程师的尴尬处境。当我们在谈论或者招聘前端工程师的时候，都会提到熟练或者是熟悉 h5（html5）开发。那么所谓的

HTML5概述PPT

04-01

HTML的历史可以追溯到很久以前...20世纪90年代的人见证了HTML的大幅发展，从2.0版，到3.2版和4.0版，再到1999年的4.01版，一直到现在正逐步普及的HTML5。随着HTML的发展，W3C（万维网联盟）掌握了对HTML规范的控制权。

01.[HTML5第一季] 第1章 HTML5概述

12-16

这一章"HTML5概述"将全面介绍HTML5的基础知识，包括它的历史背景、新特性、语法改进以及在实际应用中的优势。 1. **历史背景**：HTML5的诞生源于对早期HTML版本的升级需求，特别是HTML4.01和XHTML1.0无法满足现代...

HTML5做的html5概述ppt

04-26

用html5语言做的ppt来介绍html5 这样效果会更好吧你可以边演示边给大家看里边的代码另外附送两个很炫的javascript效果演示（黑客帝国和星球大战），这样还可以很好的给让受众明白html和javascript结合的强大之处。...

突袭HTML5之WebGL3D概述

01-31

WebGL开启了网页3D渲染的新时代，它允许在canvas中直接渲染3D的内容，而不借助任何插件。WebGL同canvas 2D的API一样，都是通过脚本操纵对象，所以步骤也是基本相似：准备工作上下文，准备数据，在canvas中绘制对象并...

HTML5中IndexedDB前端本地数据库

业精于勤荒于嬉，行成于思毁于随

09-10

1202

跟小朋友的教育从来没有什么“赢在起跑线”这种说法一样，在前端领域，也不是哪来先出来哪个就在日后引领风骚的。HTML5 indexedDB和Web SQL Database都是本地数据库数据存储，Web SQL Database数据库要出来的更早，然并卵。从2010年11月18日W3C宣布舍弃Web SQL database草案开始，就已经注定Web SQL Database数据库是明日黄花。

中秋之美——html5+css+js制作中秋网页

Timi2019的博客

09-02

2226

八月十五，秋已过半，是为中秋。“但愿人长久，千里共婵娟”，中秋时节，气温已凉未寒，天高气爽，月朗中天，正是观赏月亮的最佳时令。古人把圆月视为团圆的象征，因此，又称八月十五为“团圆节”。

HTML5 `＜button＞` 标签深入全面解析

软考鸭

09-10

865

标签广泛应用于各种交互式网页中，如表单提交、模态框的打开和关闭、导航菜单的展开和收起等。通过结合使用CSS样式和JavaScript事件处理，可以创建出既美观又功能强大的按钮。标签是一个功能强大且灵活的元素，它提供了丰富的属性用于定义按钮的行为和外观，同时也支持CSS样式和JavaScript事件处理。标签的用法和特性，我们可以更好地利用它来创建出优秀的交互式网页。在这个简单的例子中，我们创建了一个普通的按钮，其上的文本是“点击我”。标签用于定义一个可点击的按钮，它是创建交互式网页的重要元素之一。

HTML5中Checkbox标签的深入全面解析

软考鸭

09-10

772

由于浏览器的默认样式可能会对Checkbox的外观产生较大影响，开发者经常需要自定义Checkbox的样式以符合设计需求。隐藏原始Checkbox使用CSS的或属性隐藏原始Checkbox，然后使用或其他元素来模拟Checkbox的外观。使用伪元素通过CSS的:before和:after伪元素，可以在自定义元素上添加勾选标记、边框等样式，模拟Checkbox的选中状态。JavaScript辅助结合JavaScript，可以监听Checkbox的change。

构建高效 Python Web API：RESTful 设计与 GraphQL 实践