【2.HTML入门知识-HTML元素】

已于 2023-04-21 20:43:07 修改
阅读量77 收藏
点赞数
分类专栏： HTML5+CSS5入门 文章标签： html 前端 css
于 2023-04-17 20:30:13 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_31421983/article/details/130205980
版权
本文介绍了HTML中的基本元素，如h元素用于标题，p元素用于段落，img元素用于插入图片，a元素用于创建链接，包括锚点链接、图片链接和其他URL地址。还提到了link元素的作用，div和span元素的区别，以及HTML全局属性和URL的格式。此外，文章还涵盖了浏览器如何渲染页面的过程。
摘要由CSDN通过智能技术生成

文章目录

1,元素表

https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element

2,常用元素

元素标签在浏览器渲染时,会自动添加对应的css样式.

常见元素 – h元素

在这里插入图片描述

常见元素 – p元素

在这里插入图片描述

常见元素 - img元素

在这里插入图片描述

img元素 - 图片的路径

在这里插入图片描述

常见元素 – a元素

在这里插入图片描述

a元素 - 锚点链接

在这里插入图片描述

a元素 - 图片链接

在这里插入图片描述

a元素 – 其他URL地址

下载与发送邮件
在这里插入图片描述

link元素

在这里插入图片描述

div元素、span元素的历史

在这里插入图片描述

div元素、span元素的区别

在这里插入图片描述

HTML全局属性

在这里插入图片描述

字符实体

在这里插入图片描述

常见的字符实体

在这里插入图片描述

URL

URL 代表着是统一资源定位符（Uniform Resource Locator）
◼ 通俗点说：URL 无非就是一个给定的独特资源在 Web 上的地址。

和URI的区别：
URI = Uniform Resource Identifier 统一资源标志符，用于标识 Web 技术使用的逻辑或物理资源。；
URL = Uniform Resource Locator 统一资源定位符，俗称网络地址，相当于网络中的门牌号；

URL的格式

[协议类型]://[服务器地址]:[端口号]/[文件路径][文件名]?[查询]#[片段ID]

浏览器渲染的流程

在这里插入图片描述

3.元素的隐藏

在这里插入图片描述

努力修福报
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Python爬虫入门2：HTML知识简介
老猿Python
01-23 2360
本节简单介绍了HTML语言的基础知识，如果大家有不理解的地方，可以再在网上多查查资料。这些知识对于爬虫程序解析网页内容非常重要，如果不理解基本概念，对网页解析的知识就不太好理解。
HTML入门与进阶以及HTML5
热门推荐
wuyxinu的博客
12-12 38万+
目录 一、简介 1、前端开发最核心技术 （1）HTML是什么？ （2）CSS （3）JavaScript 2、前端开发其他技术 二、基础内容 1.基础总结 2.HTML的基本标签 (1)HTML标签 (2)head标签 (3)body标签 3、段落与文字 (一)、段落标签 (二)、网页特殊符号 (三)、自闭合标签 (四)、块元素和行内元素 (五)、练...
一、Vue.js快速入门-Vue基础
c851204293的博客
08-31 3017
1.Vue基础 01-基本介绍 掌握HTML,CSS,JavaScript,AJAX基础知识 选择开发工具（VSCode或者Webstorm） 02-Vue简介 JavaScript框架 简化Dom操作 响应式数据驱动 官方文档-https://cn.vuejs.org 03-第一个Vue程序 2.本地应用 3.网络应用 4.综合应用 ...
html入门基础-边框设计(入门级)
m0_74637610的博客
11-05 2438
1、如何给控件添加样式？ 2、如何让一个控件在页面居中？ 3、设置控件之间边距的关键字是什么？ 4、如何给区块（div）设置一个实心的边框？ 5、在区块中，如何让文本居中显示（横向居中、纵向居中）？
HTML入门（详细）
qq_63525426的博客
05-03 2万+
HTML（全称为“超文本标记语言”）是一种用于创建Web页面的标记语言。它是Web开发的基础，允许开发者定义页面的结构、内容和样式。HTML使用一些标记或“标签”来描述文本和媒体内容的结构和格式，这些标签可以指示网页浏览器如何显示内容，包括标题、段落、列表、超链接、图像、音频、视频等等。HTML还可以与其他Web技术（如CSS和JavaScript）结合使用，以实现更复杂和交互性的Web应用程序。这篇文章只是介绍HTML的基础标签的使用。
Vue.js 快速入门实战
努力是为了站在万人之中，成为别人的光
06-12 2万+
通过这个简单的待办事项列表应用，我们学习了 Vue.js 的基本用法，包括数据绑定、事件处理和列表渲染。Vue.js 的设计使得它非常易于上手，并且能够与其他库或已有项目无缝整合。希望这篇文章能帮助你快速入门 Vue.js，并为你的前端开发之旅打下坚实的基础。接下来，你可以继续学习 Vue 的其他特性，例如组件、路由和状态管理等，以便在更复杂的项目中更好地使用 Vue.js。祝你学习愉快！
网页游戏设计（HTML5入门）--- 基础知识篇
weixin_45216055的博客
09-03 4699
第一章 1、canvas（画布） canvas元素为网页游戏开发者提供了创建动态图形、可替换静态图形及动画GIF。
vue 基础 —— html版的 Vue 入门基础
猎人在吃肉
09-16 4458
数据驱动视图数据的变化会驱动视图自动更新好处：程序员只把数据维护好，那么页面结构会被Vue自动渲染出来。双向数据绑定js数据的变化，会被自动渲染到页面上页面上表单采集的数据发生变化的时候，会被Vue自动获取，并更新到js数据中。 2、vue指令 **指令（Directives）**是Vue为开发者提供的 模板语法，用于 辅助开发者渲染页面的基本结构。Vue中的指令按照不同的用途，可分为6大类：指令是Vue开发中最基础、最常吸入、最简单的知识点。内容渲染指令 用来辅助开发者 渲染 DOM 元素的文本内容
cocos2d-js 入门 （主要是HTML5）
zhengxiuchen86的博客
07-21 1万+
cocos2d-js是cocos2d-x的JavaScript版本，真正跨全平台的游戏引擎，采用原生JavaScript语言，可发布到包括Web平台，iOS，Android，Windows Phone
html如何让图片与低端平齐,CSS入门知识-图片水平对齐技巧
weixin_29967445的博客
06-04 1443
CSS入门知识-图片水平对齐技巧在CSS中，图片怎么水平对齐，有哪些技巧呢？我们一起来学习一下吧！一、图片水平对齐text-align在“文本水平对齐text-align”这一节我们详细讲解了text-align属性。大家请记住，text-align一般只用在两个地方：文本水平对齐和图片水平对齐。也就是说，text-align只对文本和img标签有效，对其他标签无效。语法：text-align:属...
一.React入门 create-react-app使用
09-03
React入门与Create-React-App使用详解 React是一个流行的JavaScript库，用于构建用户界面，特别是单页面应用。它引入了组件化的概念，使得开发更加模块化和可维护。本文将深入讲解React的基础知识，包括如何使用...
goit-markup-hw-01：ttps：anna-stasya.github.iogoit-markup-hw-01
02-17
描述中的 ":graduation_cap:" 是一个表情符号，代表毕业帽，暗示这个项目可能是某个课程或学习计划的一部分，特别是与HTML相关的入门或基础学习内容。它可能是一个作业或练习，目的是让学生掌握HTML的基础知识和实践...
HTML+CSS+JS-入门基础ppt课件.ppt
11-19
HTML+CSS+JS入门基础知识点 HTML 是一种超文本标记语言，用于设计网页的主要语言。 HTML 文档的扩展名是 .html 或 .htm，使用记事本或可视化 HTML 编辑器可以编写 HTML 代码。 HTML 文档的结构主要包括和两个...
HTML 入门课程-Tutorial 英文版
06-16
8. 样式和CSS：初步接触CSS（Cascading Style Sheets），了解如何通过CSS控制HTML元素的样式、布局和视觉效果。 9. 块级元素和内联元素：理解这两类元素的区别，以及它们在网页布局中的作用。 10. HTML5的新特性：...
HTML+CSS的入门知识点总结
09-20
HTML+CSS入门知识点总结 HTML（HyperText Markup Language）是用于创建网页的标准标记语言，而CSS（Cascading Style Sheets）是用于控制网页样式的语言。本文将总结HTML+CSS的入门知识点，涵盖HTML的基本结构、CSS...
HTML静态网页成品作业(HTML+CSS)——古诗词网设计制作(5个页面)
2301_78945238的博客
08-14 1264
HTML静态网页成品作业(HTML+CSS)——古诗词网设计制作(5个页面)
HTML静态网页成品作业(HTML+CSS)——自行车介绍网页设计制作(1个页面)
最新发布
2301_78945238的博客
08-15 352
HTML静态网页成品作业(HTML+CSS)——自行车介绍网页设计制作(1个页面)
JS（三）——更改html内数据
初叙
08-15 222
JavaScript更改html内数据
“从零开始的HTML 表格”——WEB开发系列09
一条晒干的咸鱼的博客
08-14 1006
HTML 表格是一种用于在网页上组织和显示信息的结构性元素，它能够将数据以行和列的形式呈现，帮助用户更清晰地理解数据关系。表格在展示统计数据、产品列表、日程安排等方面非常实用。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

努力修福报

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值