一、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. Mac OS 中的 Python（和 NumPy）开发环境设置

    http://www.python()tab.com/html/2013/pythonjichu_1010/582.html ()需要删除

  2. 【PHP面向对象(OOP)编程入门教程】22.把对象串行化serialize()方法，__sleep()方法，__wakeup()方法

    有时候需要把一个对象在网络上传输,为了方便传输,可以把整个对象转化为二进制串,等到达另一端时,再还原为原来的对象,这个过程称之为串行化(也叫序列化), 就像我们现在想把一辆汽车通过轮船运到美国去,因为 ...

  3. Javascript包含对象的数组去重

    Array.prototype.clearRepeat = function(){ var result = [], obj = {}; for(var i = 0; i < this.leng ...

  4. Effective Java 读书笔记之四 泛型

    泛型的本质是参数化类型.只对编译器有效. 一.请不要在新代码中使用原生态类型 1.泛型类和接口统称为泛型,有一个对应的原生态类型. 2.原生类型的存在是为了移植兼容性. 3.无限制通配类型和原生态类型 ...

  5. C# switch

    要开学了(啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊) 做个沉默的行动者吧!(嘘嘘嘘嘘嘘嘘)今天去水题发现好多基础都不知道啊 1.   switch(控制语句) { case 常量表达式:{statement ...

  6. BZOJ4525——[Usaco2016 Jan]Angry Cows

    1.题意:给一堆可以的限制长度的区间...区间的长度是你控制的...但是只有一个长度...求最短长度覆盖所有的点 2.分析:发现可以二分...那二分吧.....然后我们从头向后扫一遍直接判断能否直接覆 ...

  7. 总结六条对我们学习Linux系统有用的忠告

    接触linux需要的是端正自己的态度,这个玩意可不是一天两天就能拿得下的.学习个基础,能装系统.能装常见服务.能编译.能配置存储空间.能配置系统参数.能简单查看系统负载等基本够用.但这些只保证能做机房 ...

  8. 第一款支持容器和云部署的开源数据库Neo4j 3.0

    导读 Neo4j 3.0.0 正式发布,这是 Neo4j 3.0 系列的第一个版本.此版本对内部架构进行了全新的设计:提供给开发者更强大的生产力:提供更广阔的部署选择.Neo4j 3.0 被认为是世界 ...

  9. httpd-2.2 配置及用法完全攻略

    导读 apache是一款稳定的流行的web软件,是linux操作系统中默认的web管理软件.在RHEL/Centos系列中可以用rpm直接进行安装,服务名为httpd.apache有很多设置和调优 的 ...

  10. Unity3D获取Andorid设备返回键，主页键等功能

    在Unity开发中捕捉Android的常用事件其实很简单 在新建的脚本文件中就加入: 比如: // 返回键 if ( Application.platform == RuntimePlatform.A ...