一、HTML的介绍

　　Hyper Text Mark-up Language 超文本标记语言,是一种描述性标记语言(不是编程语言),主要用于描述网页（可以有图像,文字,声音,等..）但没有交互性

　　HTML运行原理：

　　　　1.本地运行：html文件用浏览器打开
　　　　2.远程访问运行：本地浏览器访问远程服务器(如：tomcal)

　　网页的文件名最好不要有中文,因为将来网页文件都是保存到服务器上的建议都使用英文

　　保存 HTML 文件时，既可以使用 .htm 也可以使用 .html 文件后缀。

二、HTML文档基本结构

　　1、文档的骨架：所有的网页文件，通常由下面四对标记来构成文档的骨架

<html>
    <head>
        <title> 网页标题 </title
    </head>

    <body>
        这里放置的是要在网页中显示的内容
    </body>
</html>

　　<html>....</html>:标识网页的开始与结束，所有的html元素都要放在这对标记中
　　<head>....</head>:标识网页文件的头部信息，如标题，搜索引擎关键字等（里面的内容最先加载）
　　<title>....</title>:标识网页文件的标题
　　<body>....</body>:标识网页文件的主体部分，即页面可见的内容

　　2、meta标签

　　meta标记用于定义文件信息，对网页进行说明，便于搜索引擎查找，要放置在<head>  <head/>之间

　　设置关键字：(比较短，用于搜索引擎)
　　　　<meta name="keywords" content="value"/> value表示要设置的关键字，多个关键字之间用,分隔开
　　设置描述：(用于对关键字进行扩展,或对网页的内容进行概述性的描述)
　　　　<meta name="description" content="value"/> value表示要设置的描述，多个描述之间用,分隔开
　　设置作者：
　　　　<mate name="author" content="作者名" />作者名一般都是公司名称
　　设置网页的编码：
　　　　<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
　　设置页面定时跳转：
　　　　<meta http-equiv="refresh" content="2;url=http://www.baidu.com" /> (content="2;url=http://www.baidu.com" 2表示该网页过多少秒跳转到url指定的目的地)

　　描述网页的版本:
　　　　<meta name="revised" content="html4.01">
　　可设置其他网页信息:
　　　　<meta name="others" content="这个我第一个网站，网站的主要内容有动漫，音乐，文章，博客等等，欢迎大家光临！">

　　描述网页是通过那种软件产生:
　　　　<meta name="generator" content="记事本">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="网页设计,学网页" />
<meta name="description" content="如何学习网页设计,学习网页设计的方法,HTML中文手册" />
<meta name="author" content="传智播客" />
<meta http-equiv="refresh" content="2;url=http://www.baidu.com" />
<meta name="revised" content="html4.01">
<title>HTML文档基本结构_meta标签</title>
</head>
<body>
    meta标记用于定义文件信息，对网页进行说明，便于搜索引擎查找，
</body>
</html>

　　3、base标签：设置超链接的target值

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>HTML中框架的嵌套</title>
<base  target="_blank"/>
<!--base标签的target属性可以设置整个网页的超链接的target值都是一样的，这样就不需要再每个超链接标签中都设置target了-->
</head>
<body>
    <a href="http://www.baidu.com" target="_blank">java</a>
    <a href="http://www.sina.com.cn" target="_blank">php</a>
</body>
</html>

三、HTML标记的语法

　　html最基本的语法就是<标记符>内容</标记符>,标记符通常都是成对使用的一个开头标记和一个结束标记,还有一种单标记没有结束标记，如<hr/>

　　HTML标记类型：单标记和双标记
　　　　双标记：
　　　　　　有属性：<标记名称 属性="属性值">...</标记名称> 如：<font size="3">.....</font>
　　　　　　无属性：<标记名称>...</标记名称> 如：<title>.....</title>

　　　　单标记：
　　　　　　有属性：<标记名称 属性="属性值"> 如：<hr width="200"/>（默认是居中的）
　　　　　　无属性：<标记名称> 如：<br />

　　<!--  有属性：<标记名称 属性="属性值">...</标记名称> 如：<font size="3">.....</font>-->
    <font size="4" color="#33FF00">2、体育老师说：谁敢穿裙子上我的课，就罚她倒立！</font> 

    <!--无属性：<标记名称>...</标记名称> 如：<title>.....</title>-->

    <!-- 有属性：<标记名称 属性="属性值"> 如：<hr width="200"/>（默认是居中的）-->
    <hr  width="200"/>

    <!--无属性：<标记名称> 如：<br /> 表示换行但不换段-->
    3、住在我心里，你交房租了吗？<br />
    4、你让我下不了台，我让你连上台的机会都没有。

HTML介绍、文档基本结构、meta标签、HTML标记的语法的更多相关文章

  1. day01 html介绍 文档声明头 head标签 body标签

    day01 html   初识html <!--文档的声明--> <!doctype html>   <html lang="en">    # ...

  2. MFC文档视图结构学习笔记

    文档/视图概述 为了统一和简化数据处理方法,Microsoft公司在MFC中提出了文档/视图结构的概念,其产品Word就是典型的文档/视图结构应用程序 MFC通过其文档类和视图类提供了大量有关数据处理 ...

  3. 使用Python爬虫库BeautifulSoup遍历文档树并对标签进行操作详解（新手必学）

    为大家介绍下Python爬虫库BeautifulSoup遍历文档树并对标签进行操作的详细方法与函数下面就是使用Python爬虫库BeautifulSoup对文档树进行遍历并对标签进行操作的实例,都是最 ...

  4. MFC单文档程序结构

    MFC单文档程序结构三方面: Doc MainFrame View

  5. 深入分析MFC文档视图结构（项目实践）

    k_eckel:http://www.mscenter.edu.cn/blog/k_eckel 文档视图结构(Document/View Architecture)是MFC的精髓,也是Observer ...

  6. LiveCharts文档-3开始-7标签

    原文:LiveCharts文档-3开始-7标签 LiveCharts文档-3开始-7标签 Label就是Chart中表示数值的字符串,通常被放置在轴的位置和提示当中. 下图中的这些字符串显示的都是标签 ...

  7. XML 文档的结构

    XML 文档的组成 一个XML文档由两部分构成:第一部分是文档序言,第二部分是文档元素(节点). 1.文档序言 文档序言通常位于XML文档的顶端,根元素之前出现,它是一个特定的包含XML 文档设定信息 ...

  8. 使用ABBYY FineReader 手动校正文档复杂结构

    ABBYY FineReader 15(Windows系统)拥有强大的OCR识别功能,能对扫描仪或者数码相机等光学工具获取的图像进行识别,解析其中的文本.图像.表格.条形码等,方便用户进一步获取图像中 ...

  9. dom4j解析xml报"文档中根元素后面的标记格式必须正确"

    今天,在写个批量启动报盘机的自动化应用,为了简化起见,将配置信息存储在xml中,格式如下: <?xml version="1.0" encoding="UTF-8& ...

随机推荐

  1. 20150612_Andriod contextual action mode 菜单

    参考地址:http://www.xuebuyuan.com/1114028.html              http://www.cnblogs.com/mengdd/p/3564782.html ...

  2. .Net neatupload上传控件实现文件上传的进度条

    1. 引入bin文件 (可以到neatupload官网下载,也可以到教育厅申报系统中找) 2. 将控件加入到工具栏,在工具栏中点鼠标右键,如图: 3. 加入neatuplaod这个文件夹(可以到nea ...

  3. 新注册域名greenopen.site,向专业道路进军

    新注册域名greenopen.site,向专业道路进军,欢迎访问!届时可以通过 greenopen.site jsxyhelu.github.io 或者jsxyhelu.cnblogs.com 访问本 ...

  4. Linux是如何管理内存的

    物理内存的管理 Linux管理物理内存是使用分页机制实现的.为了使分页机制在32位和64位体系结构下高效工作,Linux采用了一个四级分页策略. Linux支持多种内存分配机制.分配物理内存页框的主要 ...

  5. Python学习笔记-Day2-Python基础之列表操作

    列表的常用操作包括但不限于以下操作: 列表的索引,切片,追加,删除,切片等 这里将对列表的内置操作方法进行总结归纳,重点是以示例的方式进行展示. 使用type获取创建对象的类 type(list) 使 ...

  6. windows7安装phpnow Apache非管理员权限不能操作Windows NT服务的解决方法

    科普一下:PHPnow 是什么?        Win32 下绿色免费的 Apache + PHP + MySQL 环境套件包.简易安装.快速搭建支持虚拟主机的 PHP 环境,可以安装 Discuz! ...

  7. MTK6589下传感器框架结构和代码分析以及传感器的参数指标

    MTK6589下传感器框架结构和代码分析以及传感器的参数指标 作者:韩炜彬  中国当代著名嵌入式研究专家 一.      模块框架 1)配置 路径:Alps/mediatek/config/$(pro ...

  8. Spring MVC 详解（一）

    springmvc是spring的一个模块,提供web层解决方案(基于mvc设计架构),mvc是一个设计模式,在b/s系统的应用: spring 的架构 mvc设计模式 spring MVC的框架 第 ...

  9. <转>32位移植到64位 注意事项

    32bit-64bit porting work注意事项 64位服务器逐步普及,各条产品线对64位升级的需求也不断加大.在本文中,主要讨论向64位平台移植现有32位代码时,应注意的一些细小问题. 什么 ...

  10. 【原创】pads2007 Layout 电气连接性检查过孔显示错误

    如图所示的电源铜皮过孔,勾选stiching选项,连接性检查会报错误: 去掉stiching选项,连接错误消失.