一、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. MSP430G2333下位机乘法运算需要注意的一个问题

    背景: 最近负责为主板管理电源的电源管理模块编写软体,使用的MCU为MSP430G2333.功能上很简单,即通过板子上的硬件拨码设定,或者通过IIC与主板通信,由主板的BIOS决定开机及关机的延时供电 ...

  2. 微信电脑版微信1.1 for Windows更新 可@人/转发撤回消息/可播小视频

    微信电脑版微信1.1 for Windows发布更新了,版本号为1.1.0.18,群聊可@人/可转发撤回消息/可播小视频,功能越来越接近微信手机版了. 本次更新的一些新特点: 群聊中可以@人. 消息可 ...

  3. Android4.4 往短信收件箱中插入自定义短信（伪造短信）

    这段时间稍微有点空闲,把前一段学习Android做过的一些小项目整理整理.虽然没有什么工程量很大的项目,但是对于一个新手,解决这些问题还是花了一段时间.感觉还是非常有记录的意义呢~~~么么哒*—* 今 ...

  4. nginx反向代理、根据浏览器分离访问

    环境根据http://www.cnblogs.com/zzzhfo/p/6032095.html配置 修改LB的/usr/local/nginx/conf/nginx.conf upstream st ...

  5. _beginThreadex创建多线程解读【转】

    _beginThreadex创建多线程解读 一.需要的头文件支持 #include <process.h>         // for _beginthread() 需要的设置:Proj ...

  6. java网络osi基础

  7. 如何根据屏幕大小改变class的css样式

    /*当屏幕小于1200px*/ @media (max-width:1200px) { ...} 此处针对所有小于1200px屏幕的css属性. /*当屏幕小于1200px且大于992px*/ @me ...

  8. Unity调用Android方法

    步骤 废话不多说,直接来步骤吧1.创建工程,弄大概像这样一个界面2.在unity中写好代码,像这样,记得给界面绑定好事件啥的 using UnityEngine; using UnityEngine. ...

  9. Raspberry Pi 学习笔记之一

    记录几个搭建服务器教程: [教程] 将树莓派变成网络打印机服务器(更新PC和手机端设置)!http://www.eeboard.com/bbs/thread-8818-1-1.html[心得] [分享 ...

  10. Linux 文件rwx权限问题 chmod 777 XXX 任何人拥有最高权限

    在Unix和Linux的各种操作系统下,每个文件(文件夹也被看作是文件)都按读.写.运行设定权限.ls -l:得到-rw-r--r-- 1 apple users 2254 2006-05-20 13 ...