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

HTML标记语法总结的更多相关文章

  1. WPF的"路径标记语法"

    在此之前我们先了解一下WPF的"路径标记语法" M:表示绘制起点 // M 0,0 L:表示绘制直线 (H:横线 V:竖线)  // L 100,0 C:三次方贝塞尔曲线   // ...

  2. 详解WPF Blend工具中的复合路径功能 ( 含路径标记语法 )

    写此文章的目的是为了简单分析一下 Blend工具中提供的"复合路径"功能.有人在我的博文中留言问我复合路径的问题.  稍微琢磨一下,觉得应该是对的.因此贴出来和大家分享.有不对的说 ...

  3. 【转】关于 Endnote 与 Word 卡死问题 标记语法错误

    转自:http://hi.baidu.com/lvneng/item/8147dcbb1436bfd085dd7962 当使用 Word 写论文或稿件时,Endnote 绝对是一个不错的帮手,不过偶尔 ...

  4. Windows Phone开发（34）：路径标记语法

    原文:Windows Phone开发(34):路径标记语法 如果你觉得前面所讨论的绘制各种几何图形的方法过于复杂,那么,今天我们也来一次"减负"吧.当然,我们是很轻松的,本教程是不 ...

  5. HTML标记语法之表格元素

    语法与语义: <table>和</table>定义表格的开始和结束 <thead>和</thead>定义表格头部的开始和结束 <tbody> ...

  6. HTML标记语法之图片Img元素

    语法:<img src=”xxx.jpg”alt=”xxx”title=”xxx”> 属性可取值如下: 属性名称 属性值 说明 src URL 图片路径 alt 文本 图片无法显示时的文本 ...

  7. HTML标记语法之列表元素

    1.无序列表 <ul> <li type=”项目符号类型”></li> <li type=”项目符号类型”></li> <li typ ...

  8. ASP.NET Core 中文文档 第四章 MVC（3.2）Razor 语法参考

    原文:Razor Syntax Reference 作者:Taylor Mullen.Rick Anderson 翻译:刘怡(AlexLEWIS) 校对:何镇汐 什么是 Razor? Razor 是一 ...

  9. markdown语法与使用

    Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式. 语法 # 文本 =>h1标签 ##文本 =>h2标签 *文本* =&g ...

随机推荐

  1. Python命令 （if __name__=="__main__":）

    1. 语法 1.以#号开头的语句是注释 2.请务必注意,Python程序是大小写敏感的,如果写错了大小写,程序会报错. 3.按照约定俗成的管理,应该始终坚持使用4个空格的缩进. 4.当语句以冒号:结尾 ...

  2. Windbg学习使用

    WinDbg是微软发布的一款相当优秀的源码级(source-level)调试工具,可以用于Kernel模式调试和用户模式调试,还可以调试Dump文件. 1. WinDbg介绍:    Debuggin ...

  3. 第二天 django apache

    1. 475  brew tap homebrew/apache 476  brew install mod_wsgi 477  ls /usr/local/Cellar/mod_wsgi/4.5.7 ...

  4. leofs存储总结

    1.leofs角色 Account(账户).Bucket(对象桶).Object(对象), gateway.manager0.manager1.storage Account 一个account可以创 ...

  5. HDU 5071 Chat(2014鞍山赛区现场赛B题)

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=5071 解题报告:一个管理聊天窗口的程序,一共有八种操作,然后要注意的就是Top操作只是把编号为u的窗口 ...

  6. busybox microcom

    /************************************************************************* * busybox microcom * 说明: ...

  7. SQL Server 2008 R2 Developer (x86, x64, ia64) – DVD (Chinese-Simplified)

    http://blog.sina.com.cn/s/blog_4aedf6370101j9tz.html 1. SQL Server 2008 R2 Developer (x86, x64, ia64 ...

  8. ubuntu 安装 phpmyadmin

    安装步骤 1 apt-get install phpmyadmin 2 安装完后默认的安装位置是在/usr/share 而不是在/var/www 所以 需要将其链接到/var/www来,复制的话貌似需 ...

  9. ubuntu dhcp修改ip地址

    sudo vim /var/lib/dhcp/dhclient.eth0.leases 把里边的fixed-address都改成你想要的ip. 然后执行 sudo ifdown eth0 && ...

  10. POJ 2352

    ---恢复内容开始--- http://poj.org/problem?id=2352 这是一个树状数组的题目,也是我第一次接触这类的题目,也正是因为之前的一道题,TLE了,超时太严重了,我看disc ...