（一）重新认识HTML

最新推荐文章于 2024-08-09 17:21:38 发布
最新推荐文章于 2024-08-09 17:21:38 发布
阅读量100 收藏
点赞数
文章标签： css3 html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41814301/article/details/112285681
版权

目录

1.1、网页的认知

1.2、浏览器的介绍

1.3、Web标准

1.4、HTML

1.5、常用概念

1.6、HTML5新标签与特性

 

1.1、网页的认知

1.1.1、展示区分：PC端、pad端、手机端...

1.1.2、具体定义：网页主要由文字、图像、超链接、音频和视频等流媒体这些元素构成

1.1.3、网页的形成：开发者编写—>浏览器渲染—>用户眼中的网页

1.2、浏览器的介绍

1.2.1、概念：浏览器是用来检索、展示以及传递Web信息资源的应用程序

1.2.2、常用浏览器：Firefox、ozilla、Opera、Netscape、chrome、Internet Explorer（IE）

详细的介绍需移步  campushr.hikvision.com  

1.2.3、浏览器内核

1.2.4、各浏览器所使用的内核

1.3、Web标准

1.4、HTML

1.4.1、HTML概念：一种描述网页的超文本标记语言，不是一种编程语言，使用一套标记标签来描述网页

1.4.2、HTML标签：由<>包围的关键词，通常是成对出现的，例如<html></html>。也有单标签，例如<br>

1.4.3、HTML文档结构：

<html>此元素可告知浏览器自身是一个HTML文档，所有标签都写在其内部
<head>头部，可包含<title>标题和<meta>此标签用于描述HTML网页文档的属性
<body>

1.4.4、基本的 HTML 标签 - 四个实例

（1）HTML 标题（Heading）是通过 <h1> - <h6> 等标签进行定义的。

实例

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

（2）HTML 段落是通过 <p> 标签进行定义的。

实例

<html>
<body>

<p>这是段落。</p>
<p>这是段落。</p>
<p>这是段落。</p>

<p>段落元素由 p 标签定义。</p> 

</body>
</html>

（3）HTML 链接是通过 <a> 标签进行定义的。

实例

<html>
<body>

<a href="http://www.w3school.com.cn">
This is a link</a>

</body>
</html>

注释：在 href 属性中指定链接的地址。

（4）HTML 图像是通过 <img> 标签进行定义的。

实例

<html>
<body>

<img src="/i/eg_w3school.gif" width="300" height="120" />

</body>
</html>

注释：图像的名称和尺寸是以属性的形式提供的。

1.5、常用概念

1.5.1、HTML常用的基础标签

 

1.5.2、<!DOCTYPE>声明：DOCTYPE 是 html5 标准网页声明，必须声明在HTML文档的第一行。是用来告知浏览器的解析器用什么文档标准解析这个文档，不同的渲染模式会影响到浏览器对于 CSS 代码甚至 JavaScript 脚本的解析。

1.5.3、Meta标签：

1.6、HTML5新标签与特性

https://blog.csdn.net/qq_45146082/article/details/100974461

后期有时间会进行补充

 

 

呼啦圈、
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
初识HTML5，认识html
03-05
【初识HTML5，认识HTML】 HTML5是超文本标记语言（HyperText Markup Language）的第五个版本，是用于创建网页的标准标记语言。自2014年正式发布以来，HTML5已经成为现代网页开发的核心，它极大地提升了用户体验，...
认识HTML语言PPT优秀资料.ppt
11-16
HTML语言通过一系列的标签来定义网页的结构和内容。它起源于1990年，自那时起就成为了World Wide Web上信息表示的基石。HTML5是当前最新的版本，它在HTML的基础上进行了扩展和改进，提供了更多的语义元素和功能。 ...
前端之重新认识HTML
小马的博客
03-30 266
现在的业界的标准，网页技术严格的三层分离：html就是负责描述页面的语义；css负责描述页面的样式；js负责描述页面的动态效果的。 HTML是HyperText Markup Language的缩写，超文本标记语言。 HTML是一个纯文本文件（本质就是txt文本改了个后缀名。。。），用一些标签来描述文字的语义，这些标签在浏览器里面是看不到的，所以称为“超文本”，所以就是“超文本标记语言”了。
HTML学习----------DAY1 第三节
HJ921004的博客
12-13 78
本章通过实例向您演示最常用的 HTML 标签。 提示：不要担心本章中您还没有学过的例子，您将在下面的章节中学到它们。 提示：学习 HTML 最好的方式就是边学边做实验。我们为您准备了很好的 HTML 编辑器。使用这个编辑器，您可以任意编辑一段 HTML 源码，然后单击 TIY 按钮来查看结果。 HTML 标题 HTML 标题（Heading）是通过 <h1> - ...
使用HTML制作一个简单的个人主页
热门推荐
indulgexiaomei的博客
10-09 20万+
此网页我对html有了一个简单，初步的认识后制作的一个网页，主要目的是练习html的一些简单操作，由于时间关系，有很多做的不好，细节处理不到位的地方。 废话不多说，先来看效果 1、首页 这一个网页就是进行了网页背景、背景音乐、段落的处理、水平线以及超链接的简单练习。 2、我的相册 这一页主要是对大量图片进行一个排版的练习 3、我的计划 这一页主要是对文本有序无序以及表格内部的背景颜色等等的练习 4、我的家乡 这一部分是对段落、还有文本与图片结合的练习 5、我的故事 这个是对表格进阶版的练习，文字
Jquery—重新认识Jquery中的html()方法
gaohuanjie的专栏
09-09 3468
Jquery—重新认识Jquery中的html()方法
重新认识HTML系列003——base标签详解
林中路
06-09 6237
HTML-base标签详解 文档查看 属性说明href文档中说此属性是“用于文档中相对URL地址的基础URL”，不好理解，我们来做几个实验。实验一base-href-1.html<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>base-href实验1：不设置base标签</title>
重新认识HTML系列001——html根元素详解
林中路
06-09 5019
html根元素详解 文档查看 html作为HTML页面的根元素，根据文档，其原来有三个属性：manifest,version,xmlns ，由于新的版本更替，前两个已经不用了，我们来讲一下xmlnsxmlns它的作用是指派XML的命名空间。关于XML的命名空间，这里有详尽的教程：XML命名空间通过该教程，我们明确了以下几点： XML的命名空间解决了XML文件中标签命名冲突的问题 XML命名空间属
前端——html拖拽原理
编程知识分享，主打前端
12-05 3万+
大家好，我是yma16，本文分享关于 前端——html拖拽原理。 vue3系列相关文章： vue3 + fastapi 实现选择目录所有文件自定义上传到服务器 前端vue2、vue3去掉url路由“ # ”号——nginx配置 csdn新星计划vue3+ts+antd赛道——利用inscode搭建vue3(ts)+antd前端模板 认识vite_vue3 初始化项目到打包 python_selenuim获取csdn新星赛道选手所在城市用echarts地图显示 让大模型分析csdn文章质量 —— 提取csdn
第一章 对html的认识及基本标签介绍
weixin_52915467的博客
09-15 5275
HTML简介 HTML(超文本置标语言) 对普通文件添加标签而达到预期效果的标记语言且遵循W3C 下面来了解一下HTML文档结构 一，文档结构 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewpo
HTML入门（详细）
qq_63525426的博客
05-03 2万+
HTML（全称为“超文本标记语言”）是一种用于创建Web页面的标记语言。它是Web开发的基础，允许开发者定义页面的结构、内容和样式。HTML使用一些标记或“标签”来描述文本和媒体内容的结构和格式，这些标签可以指示网页浏览器如何显示内容，包括标题、段落、列表、超链接、图像、音频、视频等等。HTML还可以与其他Web技术（如CSS和JavaScript）结合使用，以实现更复杂和交互性的Web应用程序。这篇文章只是介绍HTML的基础标签的使用。
html认识
shibaweijin的博客
04-25 8287
哑终端-host-based 多个终端一个主机 client/server cs 客服端/服务端，需要安装，优点：速度快，缺点：需要安装，运维成本高 web-based bs 浏览器/服务器， 不要安装， 通过网址访问，优点不用安装，好维护，缺点速度慢 基于网页的形式，最大特点不需要安装 b/s工作原理 采用b/s计算模式开发的应用程序，我们一般称为web应用程序 运行一个完整的web应用程序...
重新认识Jquery中的html()方法
09-09
在JavaScript的世界里，jQuery是一个非常流行的库，它简化了DOM操作、事件处理和Ajax交互等...无论你是初学者还是经验丰富的开发者，重新认识并熟练掌握`html()`方法，都将对你的JavaScript和jQuery实践带来显著提升。
认识HTML语言 认识HTML语言
06-30
- **HTML 2.0**：最初的HTML版本之一，奠定了HTML的基础。 - **HTML 4.01**：1997年发布，引入了更多的标记和特性。 - **XHTML 1.0**：2000年发布，强调XML的严格性和结构化。 - **HTML5**：最新的标准，于2014年...
02-认识HTML.md
11-24
- HTML 指的是超文本标记语言 (**H**yper **T**ext **M**arkup **L**anguage)是用来描述网页的一种语言。 - HTML 不是一种编程语言，而是一种标记语言 (markup language) - 标记语言是一套标记标签 (markup tag)
原神4.8版本升级计划数据表
最新发布
lulei5153的博客
08-09 608
原神4.8版本角色数据升级计划表。
JavaScript和 HTML5 Canvas实现图像绘制与处理
zhugedali_的博客
08-06 888
drawImage(image, sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight) ：从源图像的 (sx, sy) 位置开始，截取 sWidth x sHeight 大小的区域，并将其绘制到目标位置 (dx, dy) ，绘制的大小为 dWidth x dHeight。- drawImage(image, x, y, width, height) ：在指定的 (x, y) 坐标位置绘制指定大小的图像。
HTML5+CSS3-HTML5入门
2302_77230857的博客
08-06 443
,<meta>,<link>,<style>等，都属于头部标签可容纳的子标签。该标签必须在<head>之中，，一个HTML文档只能包含一个<title>标签，<title>开始标签和
软件设计之HTML5
thm19990903的博客
08-04 1726
HTML：Hyper Text Markup Language 超文本标记语言。
HTML基础入门：认识HTML标签和基本概念
HTML是构建网页的基础语言，理解HTML是成为一名合格的前端工程师的必备技能之一。 知识点： * HTML的定义和历史 * HTML的主要特点和应用 * HTML与其他语言的区别 * HTML的类型（静态网页和动态网页） * HTML的标记...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值