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

原文地址:https://www.cnblogs.com/hafiz/p/5199140.html