第一篇博客-小白的HTML知识点汇总（一）

最新推荐文章于 2021-03-24 16:26:19 发布
最新推荐文章于 2021-03-24 16:26:19 发布
阅读量200 收藏
点赞数
文章标签： html 前端 html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_47193031/article/details/106644390
版权
本文详细介绍了HTML的基础知识，包括HTML5的新特性，如canvas和多媒体支持。文章阐述了HTML的结构，如<!DOCTYPE>声明、html、head和body标签，强调了meta和title标签的重要性。此外，还讲解了文本格式化、超链接、图像、列表、表格、表单元素和多媒体元素的使用，是初学者掌握HTML5的宝贵资料。
摘要由CSDN通过智能技术生成

这里写目录标题

一、什么是HTML？

  • 用来描述网页的一种语言

  • 超文本标记语言（Hyper Text Markup Language），是一种用于创建网页的标准标记语言

  • html不是编程语言，是一种标记语言

  • 包括了HTML标签及文本内容

  • 使用标记标签来描述网页

  • HTML文档也叫web页面

二、HTML5的新特性：

  • 用于绘画的canvas标签

  • 用于媒介回放的video和audio元素

  • 对本地储存的更好支持

  • 新的特殊内容元素：article、footer、header、nav、section

  • 新的表单控件：calenar、date、time、emil、url、search

  • 浏览器的支持：Sacrifice、Chrome、Firefox、Opera、IE9

三、主流web浏览器及其内核

浏览器 内核
IE trident
Google Chrome Gecko
Safari Webkit ; blink
Opera Webkit
Firefox presto

web浏览器是用于读取HTML文件，并将其作为网页显示，浏览器并不是直接显示的HTML标签，但可以使用标签来决定如何展现HTML页的内容给用户

四、学好html5进阶路

HTML --> XHTML --> Css --> Css3 --> JavaScript–> JQuery --> HTML5（忘记哪里copy来的了）

五、★<!DOCTYPE>声明

  • 有助于浏览器中正确的显示网页

  • 不区分大小写，如<!doctype html>

    ​ <!Doctype Html>

  • <!DOCTYPE html>是HTML5的通用声明

六、★html基础标签:

  • HTML标记标签通常被称为HTML标签（HTML tag）

  • HTML标签是由尖括号包围的关键词，如

  • HTML标签通常是成对出现的，如<b>内容</b>,

    其中<b>为开始标签（也称开放标签），</b>为结束标签（也称闭合标签）

  • 开始标签-内容-结束标签—>组成HTML元素

1.根标签html

<html>.....</html>

是html页面的根元素

2.头部标签head(用户看不到的)

<head>.....</head>

head标签用于定义文本文档的头部，它是所有头部元素的容器

用法：head内部的元素可以引用脚本、样式表、提供元信息

head标签内可填入：
1.★meta标签

<meta charset="utf-8">

提供有关的页面信息

对于中文网页需使用utf-8声明编码，否则会乱码

360浏览器gbk为默认编码，需设置值为gbk

2.★title标题标签

​ <title>php中文网</title>

定义文档的标题，head部分中唯一必需的元素

3.引入外部样式

<link rel="stylesheet" type="text/css" href="style.css">

定义文档与外部资源的关系 最常见的用途是链接样式表
rel:规定当前文档与被链接文档之间的关系
type:定义被连接文档的类型
引入头部logo

4.引入内部样式

<link rel="icon" type="image/x-icon" href="2.png">

5.引入样式表

​ <style type="text/css">//样式表</style>

6.直接嵌入脚本文件

<script type="text/javascript">// 脚本</script>

7.引入外部脚本文件

<script type="text/javascript" src="demo.js"></script>

3.★body标签（用户看得到的）
1.定义1-6级标题

<h1>...</h1>....<h6>...</h6>

独成一段，更改字体大小，加粗

2.定义段落

<p>...</p>

把html文档分成若干段落

浏览器会自动在段落前后添加空行

注意结束标签别忘写

3.水平线分割

<hr>

展示为一条长分隔符

4.空元素

<br>

实现换行，独成一行

七、HTML文本格式化

1.定义粗体文本

  • <b>...</b> 粗体文本

  • <strong>...</strong> 加重语气

最低0.47元/天 解锁文章
冲啊，去撞墙
关注
机器学习知识点全面总结
专注大数据与人工智能技术分享，欢迎私信加群互相学习！
04-12 13万+
机器学习按照模型类型分为监督学习模型、无监督学习模型和概率模型三大类,文章对十大机器学习算法进行详细介绍并阐述机器学习其他概念问题，可作为机器学习初学者学习使用。
HTML基础知识点总结 .doc
11-21
思沃普智能会议管理系统，是一个集智能控制，会议预约，会议管理，设备运维，音视频会议于一体的智能化会议系统。是未来企业办公以及联合办公空间发展趋势所在。如果贵公司觉得我们的建议对您有所帮助，请与我联系。思沃普，邀您共享智能会议：http://www.smartwork.link/Saas.html
HTML知识点汇总
Within的博客
08-29 338
所有有关html的知识点超详细总结（永久不间断更新！！！）
liangruilz的博客
03-04 367
1.<!DOCTYPE html>的作用 1.定义： DOCTYPE标签是一种标准通用标记语言的文档类型声明，它的目的是要告诉标准通用标记语言解析器； 2.作用： 声明文档的解析类型(document.compatMode)，避免浏览器使用自己的怪异模式。 CSS1Compat：标准模式，浏览器使用W3C的标准解析渲染页面。 BackCompat：怪异模式，浏览器使用自己的怪异模式解...
HTML知识点汇总（代码+知识点）
08-21
HTML知识点汇总（代码+知识点），特别全面的覆盖了HTML的所有标签，无论是学习还是没学，都会在这里找到一个知识体系。使用xmind图导出的形式看起来非常方便。
HTML基础知识点汇总
12-04
HTML基本标签汇总讲义。虽然只有短短几页但基本包含了html所有标签。对初学者是必不可少的资料。
大一python考试知识点_给小白整理的一篇Python知识点
weixin_39614528的博客
11-23 4061
1、基本概念1.1 四种类型python中数有四种类型：整数、长整数、浮点数和复数。python中数有四种类型：整数、长整数、浮点数和复数。整数， 如 1长整数 是比较大的整数浮点数 如 1.23、3E-2复数 如 1 + 2j、 1.1 + 2.2j1.2 字符串字符串（字符的序列）python中单引号和双引号使用完全相同。使用三引号('''或""")可以指定一个多行字符串。转义符 '\'自然字...
Educoder-Java-第一阶段JAVA入门-java初体验知识点、答案汇总
qq_51430631的博客
03-24 3969
Educoder-Java-第一阶段JAVA入门-java初体验知识点、答案汇总 第一关：Java第一课 1.编写第一个Java程序 （1）新建一个HelloWorld.java文件（新建HelloWorld.txt将后缀.txt改成.java就ok了 注意：Java对大小写敏感所以大小写不要弄错了哦，在本案例H和W都是大写）； （2）在文件中添加代码。 2.Java程序的编写执行流程： （1）将Java代码编写到扩展名为.java的文件中； （2）通过javac命令对该java文件进行编译； （3）通过j
EAS 开发小白入门知识点
02-19
### EAS 开发小白入门知识点 #### 远程桌面连接命令及岭南账户信息 - **命令**: `mstsc` 是Windows系统自带的远程桌面连接命令，用于远程访问其他计算机或服务器。 - **岭南账户**: 当需要连接至岭南服务器时，可以...
HTML5基础知识归纳汇总
08-30
HTML知识点汇总，包括HTML文档结构和基本语法、HTML4元素、HTML4属性、HTML5元素、HTML5属性和HTML5全局属性的知识点。使用XMind打开。
关于HTML自学的知识点汇总整理(上)
m0_46799664的博客
08-18 286
HTML自学知识点以及案例整理关于HTML以及Web标准什么是网站丶网页？超文本体现在哪里？网页的形成浏览器Web标准如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 关于HTML以及Web标准 HTML （Hyper Text Markup Language）:超文本标记（标签）语言，并非一种编程语言
关于HTML
立业的博客
11-30 60
■什么是HTML HTML是超文本标记语言(HyperText Markup Language)，用于创建网页，它是一种标准标记语言，不是一种编程语言 标记语言就是一套用来描述网页的标记标签(markup tag) HTML文档包含了HTML标签及文本内容，也叫做web页面 当前标准为HTML5 HTML运行在浏览器上，由浏览器来解析，通过HTML可以建立WEB站点 ■HTML页面组成 示例...
web前端之HTML5 入门（1）：HTML简介和编辑器
薛定谔的猫-前端领域
05-05 623
超文本标记语言（HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。 首先首先看一个HTML 实例： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>页面标题</title> </head> ...
HTML+CSS+JS知识点汇总
John_boom的博客
10-14 3128
HTML(1)- -毕向东老师对Html的简介 CSS- -毕老师对CSS的简介 Javascript- -毕老师对JS的简介 html&css等等练习表（W3Cscholl） 练习表- -JS开发小游戏项目:老虎机游戏 js练习表回顾 HTML(2)- -传智前端课程系列笔记 HTML(3)- -传智前端课程系列笔记 HTML(4)- -传智前端课程系列笔记 CSS(1)- -传智前端课程系列笔记
html最全知识点（超级详细）
热门推荐
xiaotai1234的博客
09-08 1万+
html最全知识点（超级详细） 一、网页基础知识 1.认识网页（了解） 2.五大浏览器介绍（记忆） 概述 各浏览器的市场份额 查看网站： http://tongji.baidu.com/data/browser 浏览器内核 3.Web标准（记忆） 为什么会有web标准 Web 标准构成 图解Web标准 把一个页面看成一个人 **结构标准：**决定是否有一个好的身体。 **样式标准：**决定是否化妆的美丽漂亮。 **行为标准：**决定是否有吸引人的行为。 二、HTML基础概念 1.HTML初
前端面试知识点大全——html篇
大灰狼的小绵羊哥哥的博客
10-27 1350
指定字符集 &lt;meta charset="utf-8"&gt; 向搜索引擎说明你的网页的关键词 &lt;meta name="keywords" content=""&gt; 告诉搜索引擎你的站点的主要内容 &lt;meta name="description" content=""&gt; 告诉搜索引擎你的站点的制作的作者
零基础小白学node-red(01):第一条数据流
最新发布
09-22
学习Node-RED对于零基础小白来说可能是一项挑战，但是只要按照步骤逐渐学习，对于第一条数据流来说并不复杂。 首先，我们需要了解Node-RED的基本概念和界面结构。在Node-RED中，每个数据流都由一个或多个称为“节点”的功能模块组成，节点之间通过连接线（线性）来传递数据流。我们可以理解节点是执行特定任务的小工具。 要创建第一个数据流，首先打开Node-RED的编辑界面。在界面左侧的面板中选择一个适当的节点作为起始节点，例如“Inject”节点。将该节点拖放到主编辑区，并通过点击连接到其他节点的输入端口来创建连接线。 接下来，选择一个目标节点，例如“Debug”节点，该节点用于在调试过程中显示数据。同样，将该节点拖放到主编辑区，并使用连接线将其与起始节点连接起来。 然后，点击起始节点，可以在右侧面板中设置该节点的功能，例如选择需要发送的消息和发送时间间隔等。 最后，点击编辑界面右上方的“部署”按钮，以保存并部署我们的第一条数据流。在底部状态栏中，我们可以看到数据流的当前状态和任何错误信息。 当我们部署数据流后，起始节点将会按照预设的时间间隔发送消息到目标节点，并显示在Debug节点的输出栏中。 学习Node-RED需要一定的时间和经验积累，建议学习者通过参考官方文档、教程和示例来更深入地了解该技术。同时，多动手实践，通过尝试构建不同的数据流，逐渐熟悉Node-RED的各种功能和节点。 总之，零基础小白学习Node-RED的第一条数据流并不复杂，关键是要有耐心和坚持，不断积累经验和知识，才能在Node-RED中发挥出更大的创造力和效益。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值