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也将内容包在一起放在一个矩形中,但是会改变原来的样式,永远成一个块状,会影响布局

posted @   阿豪聊干货  阅读(708)  评论(0编辑  收藏  举报
编辑推荐:
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
阅读排行:
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· Ollama——大语言模型本地部署的极速利器
· DeepSeek如何颠覆传统软件测试?测试工程师会被淘汰吗?

喜欢请打赏

扫描二维码打赏

了解更多

点击右上角即可分享
微信分享提示