HTML必要简介和基础
1.先从一个HTML实例来了解HTML大致结构
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>ProgWeb(progweb.cn)</title> 6 <head> 7 <body> 8 <h1>我的第一个标题</h1> 9 <p>我的第一个段落。</p> 10 </body> 11 </html>
这段在编写的时候遇到了一个致命性的错误就是没有在元素后面加 / 下次注意
实例解析:
1 <!DOCTYPE html>声明为HTML5文档 2 <html> 元素是HTML页面的根元素 3 <head> 元素包含了文档的元 (mate) 数据,如<mate charset="utf-8">定义网页编码格式为 utf-8。 4 <title> 元素描述了文档的标题 5 <body> 元素包含了可见的页面内容 6 <h1> 元素定义一个大标题 7 <p> 元素定义一个段落
注意:对于中文网页需要使用 <mete charset="utf-8"> 声明编码,否则会出现乱码。有些浏览器(如 360 浏览器)会设置 GBK 为默认编码,则你需要设置为<meta charset="gbk">
HTML网页结构图:

2.HTML文档后缀名
* .html
* .htm
3.HTML基础
1.标题
HTML标题通过<h1>-<h6>标签来定义的
2.段落
通过<p>来定义
3.链接
通过<a>来定义的
实例:<a href="https://www.progweb.cn">这是一个链接
提示:href属性中指定链接地址
4.图像
图像通过<img>来定义
<img loading="lazy" src="/images/logo.png"> width="258" height="39" />
注意:图像的名称和尺寸是以属性的形式提供的
HTML语法
HTML以开始标签起始 <p>
HTML以结束标签终止 </p>
我正在黑暗中摸索前行,每一盏我点亮的路灯下都有我沾满泥垢的掌印,但光亮终会散满我所幻想的世界。
本文作者:小柴Prog
本文链接:https://www.cnblogs.com/progweb/p/14477654.html
版权声明:本作品采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】凌霞软件回馈社区,携手博客园推出1Panel与Halo联合会员
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 从零实现富文本编辑器#3-基于Delta的线性数据结构模型
· 记一次 .NET某旅行社酒店管理系统 卡死分析
· 长文讲解 MCP 和案例实战
· Hangfire Redis 实现秒级定时任务,使用 CQRS 实现动态执行代码
· Android编译时动态插入代码原理与实践
· 使用TypeScript开发微信小程序(云开发)-入门篇
· 没几个人需要了解的JDK知识,我却花了3天时间研究
· C#高性能开发之类型系统:从 C# 7.0 到 C# 14 的类型系统演进全景
· 管理100个小程序-很难吗
· 在SqlSugar的开发框架中增加对低代码EAV模型(实体-属性-值)的WebAPI实现支持