html最全知识点（超级详细）

于 2024-05-23 13:39:19 发布
阅读量826 收藏 16
点赞数 19
分类专栏： 程序员 文章标签： java 学习 经验分享
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_79099287/article/details/139145332
版权

1.h 系列的标签 (Header) : 标题标签

在这里插入图片描述

2.p 标签 (Paragraph) : 段落标签

在这里插入图片描述

3.hr 标签 (Horizontal Rule)：水平线标签

在这里插入图片描述

4.br 标签 (break row=行)：换行标签

在这里插入图片描述

5.(4组)文本格式化标签

在这里插入图片描述

四、标签的属性（了解）

属性为 HTML 元素提供附加信息。（让同一种标签有不同的显示效果）

在这里插入图片描述

在这里插入图片描述

五、图片标签（重点）

在这里插入图片描述

六、路径问题（难点）

1.当前文件找目标文件的过程

在这里插入图片描述

2.绝对路径

在这里插入图片描述

3.相对路径

用的很多，可移植性很好

同级目录

在这里插入图片描述

下级目录

在这里插入图片描述

上级目录

在这里插入图片描述

七、链接标签（重点）

1.a 标签 (Anchor ) : 超链接（锚）

超链接在页面中起到跳转或定位的作用（超链接、锚链接、a链接、a标签）

2. a标签的跳转功能

在这里插入图片描述

3.a 标签的属性

在这里插入图片描述

4.a 标签的其他用法

在这里插入图片描述

5.a标签的定位功能

a标签可以快速定位到当前页面或者其他页面的目标内容（百度百科）

在当前页面进行定位

在这里插入图片描述

在跳转的页面进行定位

在这里插入图片描述

八、结构中每个标签的含义（了解）

1.DOCTYPE : 文档类型

在这里插入图片描述

2. html 标签

在这里插入图片描述

3. head 标签

在这里插入图片描述

4.body 标签

在这里插入图片描述

5.meta 标签

在这里插入图片描述

6.title 标签

在这里插入图片描述

九、SEO与标签语义化（了解）

1.title标签与h1标签的权重

2.SEO : 搜索引擎优化

在这里插入图片描述

3.标签语义化的好处

在这里插入图片描述

十、列表（熟练）

1.无序列表 ul （Unorder

必看视频！获取2024年最新Java开发全套学习资料 备注Java

ed List）

在这里插入图片描述

2.有序列表 ol（了解）

在这里插入图片描述

3.自定义列表 dl（了解）

一列格式自定义的列表（几乎不用）

在这里插入图片描述

在这里插入图片描述

十一、 HTML中的特殊字符（记忆）

有时候需要在页面中显示空格、<、>等特殊字符

1.HTML的空格合并现象

在这里插入图片描述

十二、表格table（难点）

在这里插入图片描述

1.创建表格

在这里插入图片描述

2.表格的属性

在这里插入图片描述

3.表格中的其他标签

在这里插入图片描述

4.合并单元格 (左上原则)

在这里插入图片描述

十三、表单系列标签（重点）

在这里插入图片描述

1.input (输入框系列) 基本表单控件

在这里插入图片描述

2.文本框 text 、 密码框 password

在这里插入图片描述

3.单选框 radio 、多选框 checkbox

单选框 radio

在这里插入图片描述

多选框 checkbox

在这里插入图片描述

4.文件选择框 file

在这里插入图片描述

5.表单按钮

在这里插入图片描述

提交按钮submit

在这里插入图片描述

重置按钮reset

在这里插入图片描述

普通按钮button

在这里插入图片描述

图片按钮image

在这里插入图片描述

6.select 下拉菜单

在这里插入图片描述

7.textarea文本域

在这里插入图片描述

8.Form 表单域

在这里插入图片描述

9.label 标签（记忆）

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

十四、没有语义的布局标签（记忆）

div和span是没有语义的标签，一般用于页面布局使用（项目中会经常使用到）

1.div：div盒子

在这里插入图片描述

最后

这份清华大牛整理的进大厂必备的redis视频、面试题和技术文档

祝大家早日进入大厂，拿到满意的薪资和职级~~~加油！！

感谢大家的支持！！

image.png

div和span是没有语义的标签，一般用于页面布局使用（项目中会经常使用到）

1.div：div盒子

在这里插入图片描述

最后

这份清华大牛整理的进大厂必备的redis视频、面试题和技术文档

祝大家早日进入大厂，拿到满意的薪资和职级~~~加油！！

感谢大家的支持！！

[外链图片转存中…(img-5shdiUIU-1716442736713)]

2301_79099287
关注
  • 19
    点赞
  • 踩
  • 16
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
arcscene如何显示标注_如何录制带指示标注的视频？看了真是涨知识
weixin_35208812的博客
01-04 2028
如何录制带指示标注的视频？PPT是大家日常工作中常用的工具。当利用幻灯片进行培训或授课时，演讲者往往会用PPT中带绘图笔或荧光笔将一些主要的内容标注出来，这样就可以吸引观众的注意力，使观众明确内容中的重点，起到较好的教学效果。对于自媒体作者，尤其是一些电脑达人，经常讲授一些软件使用方法、技巧、制作过程等，这都需要录制视频教程，以便于观众能够清晰了解软件的操作步骤。在录制的过程中对一些重点内容，老师...
html5组织表单结构（field和legend标签的使用）
wanyun_qian的博客
12-18 567
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>组织表单结构</title> </head> <body> <h1>网站小调查</h1> <form action="#" c...
html field属性,field标签属性详解
weixin_39792049的博客
06-04 5387
标签属性1) name：标识字段名称2)string：标签文本，如果我们想要覆盖模型定义提供的标签文本，可以使用它。3)help：提示文本，当您将指针悬停在字段上时，将显示一个提示文本，并允许覆盖模型定义提供的帮助文本。4)placeholder：是一个建议文本，显示在该字段内。5)widget：允许我们覆盖用于该字段的小控件。【例如：指定binary字段的widget为image就可以把上传按钮...
Python-爬虫 （BS4数据解析）
dodamce的博客
09-03 620
BS4数据解析方法是把需要的数据进行截取。处理数据的时间比较长。这里主要以练习BS4数据处理为目标，所以整个过程比较繁琐。最后·如果由多个满足条件的标签，以列表的形式返回。可见，直接获取h1标签内的所有内容。
Arcengine插入文字和图片
宜臶瑏芯的博客
06-11 2028
#region 插入文字 //IFontDisp font = new stdole.StdFontClass() as stdole.IFontDisp; //font.Name = "宋体"; //font.Bold = true; //font.Size = 50; //...
HTML知识点汇总
01-19
一、HTML基础知识；二、文字与图像；三、超级链接；四、表单；五、表格；六、框架；七、网页多媒体；附录、HTML标签列表
Web前端知识点总结(吐血推荐).doc
11-12
HTML知识点： 1. HTML的功能：用于制作静态网页，网页中的全部内容都是通过HTML语言展现出来。使用场合：开发静态网页。 2. HTML的思想：一切功能都由标签实现，标签具有四要素。 3. 常用HTML标签： * `<font></...
Web前端知识点总结.doc
10-04
一、HTML知识点 1. HTML的主要功能是用来制作静态网页，网页中的全部内容都是通过HTML语言展现出来。 2. HTML的思想一切功能都由标签实现，标签具有四要素。 3. HTML的常用标签有： * <font></font>：设置字体、...
10张HTML知识脑图，手慢无！
10-30
超级干货！html学习资料分享，喜欢的记得点个赞哦。在本教程中，你将学习如何使用 HTML 来创建站点。HTML 很容易学习！你会喜欢它的！现在开始学习 HTML ！
网页设计基础知识点.doc
12-23
网页设计基础知识点 一、超文本（Hypertext） 超文本是一种全局性的信息结构，它将文档中的不同部分通过关键字建立链接，使信息得以用交互方式搜索。它是超级文本的简称。 二、超媒体（Hypermedia） 超媒体是超...
HTML知识整理归纳
qq_42560575的博客
04-15 223
HTML知识点归纳整理，入门分享
HTML基础知识总结
qq_40046544的博客
11-14 3649
HTML 是用来描述网页地一种语言。HTML 指的是超文本标记语言（Hyper Text Markup Language）HTML 不是一种编程语言，而是一种标记语言（markup language）标记语言是一套标记标签（markup tag）HTML 使用标记标签来描述网页声明必须是 HTML 文档的第一行，位于 html 标签之前。声明不是 HTML 标签；它是指示 web 浏览器使用哪个 HTML 版本进行编写的指令。
第2天：HTML 结构
lefex的博客
09-05 122
先简单回答下昨天微信群中关于第一天内容 第1天：开篇词，开发环境准备大家遇到的主要问题：@QP：VSCode 插件可以介绍些；我：等待时机成熟的时候我会把我常用的插件分享给大家，目前重点...
HTML页面知识点小总结(巨详细)
bafeiq的博客
02-11 8424
HTML页面最基础的东西总汇，建议刚开始接触前端页面的小伙伴们收藏哦，可以随时拿出来学习或者复习加深印象。
HTML fieldset控件
歪脖先生的博客
04-13 2377
fieldset控件如果一个表单上有很多信息需要填写，可以使用 fieldset控件将相关的元素组合在一起，使表单更容易理解。表单越容易理解，访问者就越有可能正确地填写表单。fieldset即field set，顾名思义，就是表单中field的集合。从名称就能知道，它会生成 field 的集合，用于对表单中的元素进行分组。一个表单中可以有多个fieldset控件。为了识别每个 fieldset控件...
HTML基础知识点整理归纳
paparuazi的博客
06-21 6131
一、 HTML的基本结构 <head> <title>网页的标题</title> <meta charset="utf-8"/> </head> <body> 写网页的主体 </body> 注意：写完代码记得将格式保存为.html（推荐） htm xhtml HTML的基本结构详解 1.<html>内容</html> 解释：HTML文档的文档标记，也称为HTML开始标记
HTML5知识点总结
瘦肉的博客
08-02 5473
参照W3Cschool网站上的内容，将HTML5的知识点进行了大致梳理，详情请移步： https://www.w3cschool.cn/html5/ HTML5知识点总结 开始学习HTML5 HTML5浏览器支持 HTML5新元素   标签 描述 &lt;canvas&gt;新元素 &lt;ca...
数学分析知识点最全汇总pdf
最新发布
01-12
数学分析是数学的一门基础课程，包括极限、微积分、数列、级数、函数等内容。数学分析的知识点非常广泛，而且涉及的内容也比较深奥。因此，有一本包含数学分析知识点最全汇总的PDF对于学习和复习而言是非常有用的。 首先，这本PDF应当包含数学分析的基础知识，如极限的定义、性质以及常见的极限计算方法。其次，应当涵盖微积分的内容，包括不定积分、定积分、微分方程等，并且要有详细的计算步骤和例题讲解。此外，对于数列和级数的收敛性、发散性、求和公式等也应当有较为全面的介绍。另外，函数的连续性、可导性、泰勒展开等内容也是数学分析不可或缺的一部分，因此这些知识点也应当包含在PDF中。 除了基础知识外，这本PDF还应当包含一些扩展内容，如一些常用的数学分析定理、概念和证明方法，可以帮助学生更好地理解数学分析的原理和性质。此外，一些典型的应用题和解题技巧也是学习数学分析的关键，这些内容也应当在PDF中有所涉及。 总的来说，一本数学分析知识点最全汇总的PDF应当全面、系统地覆盖数学分析的各个方面，有助于学生系统地学习和掌握数学分析的知识和方法，提高数学分析的学习效果。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值