泷羽sec之超文本标记语言
🌟声明🌟
红客全栈教程
学习视频来自UP 泷羽sec,如涉及侵权马上删除文章
以下只涉及学习内容,其他都与本人无关,切莫逾越法律红线,否则后果自负。
星河飞雪网络安全人才培养计划,绝对零区,公益免费教学!没有网络安全,就没有国家安全!
什么是html
HTML是用来描述网页的一种语言。
HTML指的是超文本标记语言:HyperText Markup Language
HTML而是一种标记语言
HTML不是一种编程语言
HTML标记语言是一套标记标签(markup tag)
HTML使用标记标签来描述网页
HTML文档包含了HTML 标签及文本内容
HTML文档也叫做 web 页面
html结构
HTML(超文本标记语言)网页有一个标准的结构,主要由以下几个关键部分组成:文档类型声明、HTML 根元素、头部(head)和主体(body)部分。这种结构为浏览器解析和显示网页内容提供了清晰的框架。
文档类型声明
<!DOCTYPE html>
根元素
网页内容全部在html根元素里面
<html>
<head>
…………
</head>
<body>
…………
</body>
</html>
头部
title
定义网页标题
meta
用于提供多种类型的元数据。常见的有字符编码设置、页面描述、作者、接口、标签等等
link
主要用于链接外部资源,最常见的是连接 CSS 样式表。
script
可以在网页内插入javascript代码或引用javascript文件
如果嵌入代码:<script>alert("欢迎");</script>
如果引用外部文件:<script src="script.js"></script>
脚本可以为网页添加交互功能
主体
包含很多东西,例如文本、图片、超链接、表格
<table>
<tr>
<td>单元格1</td>
<td>单元格2</td>
<?tr>
<tr>
<td>单元格3</td>
<td>单元格4</td>
</tr>
<table>
表单
表单元素:用于收集用户输入信息,例如<form>标签包含表单内容,<input>标签用于创建各种输入框,如<input type="text"placeholder="请输入用户名">用于创建一个文本输入框,type属性指定输入类型,placeholder属性显示提示文本。
示例
<html>
<head>
<title>示例网页</title>
<meta charset="UTF-8">
<script src="script.js"></script>
</head>
<body>
<h1>欢迎来到示例网页</h1>
<p>这是网页的主要内容部分,这里可以展示各种信息。</p>
<img src="example.ipg" alt="示例图片">
<a href="https://wnmw.example.com”>访间示例网站</a>
</body>
</htm1>
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 本地部署 DeepSeek:小白也能轻松搞定!
· 如何给本地部署的DeepSeek投喂数据,让他更懂你
· 在缓慢中沉淀,在挑战中重生!2024个人总结!
· 大人,时代变了! 赶快把自有业务的本地AI“模型”训练起来!
· 从 Windows Forms 到微服务的经验教训