你好

欢迎来到我的博客

HTML笔记

HTML 1.什么是HTML? HTML是HypeText Mark-up Language的简称,即超文本标记语言,是一种用于创建网页的标准标记语言。可以使用 HTML 来建立自己的网页,HTML 运行在浏览器上,由浏览器来解析。它不是一种编程语言(如java、C语言等),标记:就是标签。<标签名称></标签名称>。 白话:用来写网页的一门语言,有很多标签组成 所谓的超文本: 1、因为网页可以放图片、视频、音频等内容(超越文本限制) 2、还可以在网页中跳转到另一个网页中(超链接文本) 2.HTML的作用 用来开发网页 许多网络攻击(如 XSS(跨站脚本)、SQL 注入、CSRF(跨站请求伪造))都针对 HTML 和 Web 技术。 攻击者利用 HTML 结构注入恶意代码 HTML 是 Web 安全的底层基础,学习它不仅能帮助理解攻击手法,还能提升防御能力。无论是漏洞挖掘、渗透测试还是安全开发,HTML 知识都是必备技能。 3.网页的组成部分 HTML:负责网页的架构;(骨架) CSS:负责网页的样式,美化;(衣服) JavaScript(JS):负责网页的行为;(动作) 4.工具介绍 这里我们使用工具,phpstorm HTML文件的命名 HTML文件的文件后缀名为.html 文件名中不要包含特殊符号,如空格、$等。 5.结构介绍 这个尖括号 就叫标签 生成结构 phpstorm会自动帮我们生成html结构 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> </body> </html> 什么叫标签 结构详情介绍 html由标签和属性构成。 标签:长在尖角号后面的第一个单词就是标签 属性:长在标签后面的并且用空格隔开的,称作 属性 结构标签介绍 <!-- 声明文档类型为 HTML5,告诉浏览器按标准 HTML 解析 --> <!DOCTYPE html> <!-- 根标签,整个网页所有内容都要写在里面 --> <!-- lang="en" 表示网页语言为英文 --> <html lang="en"> <!-- 头部标签,存放网页配置信息,不在页面上显示 --> <head> <!-- 设置网页字符编码为 UTF-8,防止中文乱码 --> <meta charset="UTF-8"> <!-- 网页标题,显示在浏览器标签栏上 --> <title>Title</title> </head> <!-- 身体标签,网页所有可见内容(文字、图片、按钮等)都写在这里 --> <body> </body> </html> 6.网页中常见的标签 标题标签 h1标签 h2标签 h3标签 h4标签 h5标签 h6标签 <body> <h1>hello word</h1> <h2>hello word</h2> <h3>hello word</h3> <h4>hello word</h4> <h5>hello word</h5> <h6>hello word</h6> </body> 2.段落标签 ...

October 17, 2026 · 2 min · ZZC

第一篇文章

这是我的第一篇 Hugo 博客文章。 我是ZZC。 本界面由Hugo(在本地把md 文档变成完整的网页文件)和cloudflare(提供免费域名,把 Hugo 生成的结果发布到公网)支持,谢谢两位嘉宾!

October 16, 2026 · 1 min · ZZC