泷羽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

用于提供多种类型的元数据。常见的有字符编码设置、页面描述、作者、接口、标签等等
主要用于链接外部资源,最常见的是连接 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>
posted @   一个路过的小盆友  阅读(3)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 本地部署 DeepSeek:小白也能轻松搞定!
· 如何给本地部署的DeepSeek投喂数据,让他更懂你
· 在缓慢中沉淀,在挑战中重生!2024个人总结!
· 大人,时代变了! 赶快把自有业务的本地AI“模型”训练起来!
· 从 Windows Forms 到微服务的经验教训
点击右上角即可分享
微信分享提示