HTML标记语法总结

2021-11-28 23:47:43

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

码农公寓

相关文章