HTML标记语法总结
一、HTML标记类型
1.单标记
语法:<标记名>,如:<img>、<br>、<hr>
2.双标记
语法:<标记名>…标记内容…</标记名>,如:<a>这是百度的主页</a>
二、HTML标记属性
语法:
<标记名 属性1 = “属性值1”属性2 = “属性值2”…> 或
<标记名 属性1 = “属性值1”属性2 = “属性值2”…>。。。标记内容。。。</标记名>
说明:
标记与属性、属性与属性之间都是以空格进行分隔,
属性不区分先后顺序,且属性不是必须的,需要时再添加,不需要不添加!
虽然在HTML中不区分大小写,但是在XHTML中所有的标记确是严格区分大小写的。
三、HTML主要标记解析
1.html标签
<html>和</html>用来标识网页文件的开始和结束,所有的html都必须放在这对html标记中。
2.head标签
<head>和</head>用来标识网页文件的头部信息的开始和结束,如标题、搜索引擎关键字、页面编码类型等等。
3.meta标签
<meta> 元素位于文档的heand标签中,不包含任何内容,它的属性定义了与文档相关联的名称/值对,可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。
meta标签设置页面关键字:
<meta name=”keywords” content=”value”>多个关键字内容之间可以用逗号隔开。
meta标签设置页面描述信息:
<meta name=”description” content=”values”>
meta标签设置页面作者:
<meta name=“author” content=”作者名”>
meta标签设置页面字符集:
<meta http-equiv=”content-type” content=”text/html;charset=UTF-8”>
meta标签设置页面定时跳转:
<meta http-equiv=”refresh” content=”2:URL=网址”>冒号之前表示几秒后跳转,冒号 之后表示要跳转到的URL。
meta标签设置视区大小、缩放比例等:
<meta name = “viewport”content = “width = device-width,initial-scale = 1.0“>
4.title标签
<title>和</title>用来标识网页文件标题的开始和结束。
5.body标签
<body>和</body>用来标识网页文件主体的开始和结束。
四、HTML中的特殊字符
© :表示版权号
® :表示注册商标
五、部分HTML元素详解
1.span和div的区别:
span只是将内容逻辑上包在一起,不改变原样式,可以不是一个规矩的块,不影响布局;而div也将内容包在一起放在一个矩形中,但是会改变原来的样式,永远成一个块状,会影响布局
感谢您花时间阅读此篇文章,如果您觉得这篇文章你学到了东西也是为了犒劳下博主的码字不易不妨打赏一下吧,让博主能喝上一杯咖啡,在此谢过了!
如果您觉得阅读本文对您有帮助,请点一下左下角“推荐”按钮,您的将是我最大的写作动力!另外您也可以选择【关注我】,可以很方便找到我!
本文版权归作者和博客园共有,来源网址:http://www.cnblogs.com/hafiz 欢迎各位转载,但是未经作者本人同意,转载文章之后必须在文章页面明显位置给出作者和原文连接,否则保留追究法律责任的权利!


【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· Ollama——大语言模型本地部署的极速利器
· DeepSeek如何颠覆传统软件测试?测试工程师会被淘汰吗?