前端HTML

ops/2024/11/25 6:27:46/

声明:以下内容来自泷羽sec的学习笔记,仅作学习,如有按照知识进行破环网络安全,后果自负!!

泷羽sec:https://space.bilibili.com/350329294/channel/collectiondetail?sid=4031268&spm_id_from=333.788.0.0
资源连接自取:
链接:https://pan.baidu.com/s/10JphuDpN9kVlRj8qCIQkTw?pwd=skyg
提取码:skyg

html" title=前端>前端HTML

前言

什么是HTML?是用来描述网页的一种语言。

HTML指的是超文本标记语言:HyperText Markup

LanguageHTMLHTML不是一种编程语言而是一种标记语言

标记语言是一套标记标签(markup tag)HTML使用标记标签来描述网页HTML文档包含了HTML 标签及文本内容HTML文档也叫做 web 页面

今天着重了解一下html" title=前端>前端的html

html_20">html

htmlhtml" title=前端>前端常用的语言,是由组成:文档类型声明、HTML 根元素、头部(head)和主体(body)部分

一般都是都是成双成对的出现组成的,比如说以下代码

<!D0CTYPE html> 这是浏览器头部信息

这是h1文本标签

这是h2文本标签

这是h3文本标签

这是h4文本标签
这是h5标签
这是h6标签
这是span 块标签

这是一个段落文本级 P标签 专属文职输入

假装有图片

a标签点击跳转到百度中

学习网安通过公众号找到泷羽Sec添加加入
名字: 密码:

代码的含义:

<!D0CTYPE html> :这是 HTML5 的文档类型声明。”它必须位于 HTML 文件的第一行!作用是告知浏览器文档所遵循的 HTML 版本,以便浏览器能够正确地渲染页面。对于HTML5 来说,这个声明简洁明了,统一了 HTML 文档类型的标准,取代了以往复杂的 DTD(文档类型定义)声明。

head:此部分包含了关于网页的元数据,这些信息对浏览器的渲染和网页的展示特性有重要作用,但不会直接在网页的可见区域显示

title:用于定义网页的标题,标题内容会显示在浏览器的标题栏或标签页上

meta:用于提供多种类型的元数据。常见的有字符编码设置,用于设置页面描述、关键词等信息,用于向搜索引擎描述网页内容

link:主要用于链接外部资源,最常见的是连接 CSS 样式表。通过这种方式,可以实现网页内容与样式的分离,方href属性指定了便网页设计和维护

script:可用于在 HTML 文档中嵌入 JavaScript 代码或引用外部的JavaScript 文件。

body:包含了所有在网页中可见的内容,如文本、图像、超链接、表格、表单等各种网页元素。

文本元素:可以使用段落标签

来组织文本,如

这是一段普通的文本内容。

标题标签

-

可用于创建不同级别的标题,

表示最高级别的标题,重要性依次递减,例如

主标题

副标题

图像元素:使用标签来插入图像,如<img src="image.jpg"alt="图像描述src属性指定图像的来源路径,

alt属性在图像无法正常显示时提供替代文本,对于可访问性和 SE0 都很重要

a 标签创建超链接

href属性定义了链接的目标 URL,标签内的文本是用户看到的可点击的链接内容。

表格元素:使用

标签创建表格,表示表格行,
表示表格单元格

表单元素:用于收集用户输入信息,

form标签包含表单内容 创建各种输入框,如

input 标签是创建文本框

type属性指定输入类型

placeholder属性显示提示文本


http://www.ppmy.cn/ops/136500.html

相关文章

Android \android-sdk\platform-tools\adb.exe start-server‘ failed

发现通知栏里不停发出报错\android-sdk\platform-tools\adb.exe start-server failed -- run manually if necessary 也无法找到链接上的实体设备 最后是端口号被占用。 5037为adb.exe的默认端口号&#xff0c; 查看该宽口号的使用情况&#xff0c;如下操作&#xff1a; 打开命…

038_High_Level_Skip_in_Matlab中的高端跳过循环

循环控制 Matlab的循环控制语句有两个&#xff0c;分别是for和while。for循环是一种计数循环&#xff0c;while循环是一种条件循环。在循环中&#xff0c;有时候我们需要跳过一些循环&#xff0c;这时候就需要用到continue语句&#xff1b;当我们需要提前结束循环&#xff0c;…

【Unity How】Unity中如何实现物体的匀速往返移动

直接上代码 using UnityEngine;public class CubeBouncePingPong : MonoBehaviour {[Header("移动参数")][Tooltip("移动速度")]public float moveSpeed 2f; // 控制移动的速度[Tooltip("最大移动距离")]public float maxDistance 5f; // 最大…

DataGrip 连接 Redis、TongRDS

连接 Redis 或 TongRDS 有些旧版本 没有 redis 驱动用不了 1&#xff09;选择驱动 2&#xff09;添加连接信息 3&#xff09;测试连接 4&#xff09;保存连接 5&#xff09;使用案例

【阵列信号处理】相干信号和非相干信号生成

文章目录 一、总结二、知识点相干&#xff08;coherent&#xff09;和非相干&#xff08;incoherent&#xff09;信号相干信号生成代码 相关信号&#xff08;correlated signal&#xff09;相关信号生成代码 正交信号定义 本文记录博主的科研日记。如果对博主的其他文章感兴趣&…

uni-app 玩转条件编译:自定义平台的条件编译实战详解

一. 条件编译支持的场景 uni-app 的条件编译能支持以下几种场景&#xff0c;具体如图所示&#xff1a; 1. API 的条件编译 简言之&#xff0c;同一功能实现&#xff0c;可能有不同的逻辑处理&#xff0c;比如&#xff1a;在 js 文件中&#xff0c;或者在 Vue 文件中的 scrip…

PW系列工控电脑复制机:效率与精度双重提升

工控电脑复制应用&#xff1a;效率与精度的双重提升 随着现代企业对大数据、数据备份、和跨平台兼容性需求的快速增长&#xff0c;工控电脑已成为数据密集型产业的核心设备。针对工控环境中大量数据复制的特殊需求&#xff0c;PW系列NVMe/SATA PCIe SSD复制机&#xff08;如PW…

深入理解 Seata:分布式事务的最佳解决方案

随着微服务架构的广泛应用&#xff0c;分布式事务管理成为系统设计中一项重要且极具挑战的任务。在微服务架构下&#xff0c;服务之间通过网络调用&#xff0c;单个业务操作往往需要多个服务的协作来完成&#xff0c;这样分布式事务的问题就不可避免。Seata 是目前较为流行的一…