一、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. indexPathForCell returns nil since ios7

    -(UITableViewCell*)GetCellFromTableView:(UITableView*)tableView Sender:(id)sender { CGPoint pos = [s ...

  2. springMVC之配置

    1.项目结构 2.所需jar包 3.web.xml文件 <?xml version="1.0" encoding="UTF-8"?> <web ...

  3. COM中的REFIID小解【转】

    是在浏览器项目中的IDispatch调用QueryInterface( [in]   REFIID riid,  [out]  void **ppvObject); 认识的REFIID,由于看声明说r ...

  4. HDU 4793 Collision(2013长沙区域赛现场赛C题)

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=4793 解题报告:在一个平面上有一个圆形medal,半径为Rm,圆心为(0,0),同时有一个圆形范围圆心 ...

  5. BZOJ2466——[中山市选]树

    1.题目大意:给你一棵树,树的每个节点都有一个权值,是0或1,最开始都是0,你可以做一种修改操作,就是把一个节点和它相邻的 节点的权值取反,问最少几次修改能把所有节点的权值变得都是1,最多100个节点 ...

  6. Extjs 学习笔记1

    学习笔记 目   录 1 ExtJs 4 1.1 常见错误处理 4 1.1.1 多个js文件中有相同的控件,切换时无法正常显示 4 1.1.2 Store的使用方法 4 1.1.3 gridPanel ...

  7. Cocos2d-x 3.2 项目源代码从Mac打包到安卓教程【转自：http://www.2cto.com/kf/201410/342649.html】

    当我们用Xcode写好一个项目的源码之后,如何将它导入到安卓手机中呢?下面我来给大家一步一步讲解: 首先,我们打开终端,cd到Cocos2d-x 3.2文件夹中(注意不是你写的项目文件夹,而是官方项目 ...

  8. [BZOJ4326][codevs4632][codevs5440][UOJ#150][NOIP2015]运输计划

    [BZOJ4326][codevs4632][codevs5440][UOJ#150][NOIP2015]运输计划 试题描述 公元 2044 年,人类进入了宇宙纪元. L 国有 n 个星球,还有 n− ...

  9. js生成当前时间

    js生成当前时间 var today=new Date(); function itArray(){ this.length=itArray.arguments.length for(var i=0; ...

  10. 网络之AFNetsorking

    AFNetsorking作为功能全面的网络第三方,既通俗好用又与时俱进-及时的更新使用了NSURLSession,不得不爱. AFNetsorking使用: 1,AFNetsorking GET请求 ...