htmlbase

Html

HTML:
   Hypertext Marked Language
   即超文本标记语言
   是一种用来制作超文本文档的简单标记语言
 
 HTTP超文本传输协议规定浏览器在运行HTML文档时所遵循的规则和进行的操作
 浏览器也遵守http协议,所以目前市面上的浏览器都可以正常显示html信息,因为他们都遵守同一套规则 

html是超文本语言,本质是文本文件(是一种非编译性语言)
html语言的本质是采用自己特定意义的标签将：
     其他网页、图片、音频、视频等各种多媒体资源引入到当前网页中
有了html规范和标签使浏览器可以显示出比文本更绚丽的文本信息

HTML开发代码构成

我们通常将后缀名
   .html或.htm作为html文件存放的位置
   当然我们还可以使用任意后缀名保存html文件,只需在服务端分发时,指定后缀名

HTML组成部分

hyper text:
    超文本,
	是指写在html文档中
    并在网络上传输文字、图片、视频、音频 

markup language:
    标记语言
    指由一对尖括号扩起来，当中具有特定英文单词的标识
    标记的其他叫法:
	   标签,元素,element

html文档中只有两种类型的标记
   单标记:不能存放内容，多是一些功能性的标记  如: <br />
   双标记:有开始有结束，用于存放内容，可以是超文本,也可包含其他标记信息
       如:
	     <div > <div />

CSS部分

CSS:
  cascading style sheet 层叠样式表，
  用于对文档中的标签设置样式
  用于制作炫酷网页必备语言,她也是浏览器支持样式设置语言

JS部分

  JS:
   javaScript
   是一种可运行在浏览器端上的脚本语言
   如：浏览器中的点击，键盘控制、跑马灯效果、后台交互等

HTML文件文档类型声明

  文档类型声明
    写在html文档的第一行是文档中唯一个非标签字符
	文档的声明主要用于告诉浏览器,以下的html语法是基于何种版本(html4还是html5)
	为了浏览器能显示更好的效果,此语言通常必不可少

HTML4示例

HTML4声明

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

HTML5示例

HTML5声明
<!DOCTYPE html>

html文档结构

通常一个html文档包含以下内容:
  1.文档声明

  2.根标签
    html标签是整个文档的根标签
     所有其他标签都必须放在html标签里面 
  3.头部
     head标签用于定义文档的头部
      其他头部元素都放在head标签里
      头部元素包括title标签、script标签、style标签、link标签、meta标签等
  4.主体
     body标签定义网页的主体内容
     在浏览器窗口内显示的内容都定义到body标签内。
  5.注释
    备注说明,不会显示到浏览器中,通常会放入以下信息:
      代码功能、代码信息、编写日期、作者、维护日期、维护者

html注释的写法

<!-- 注释内容 -->
<!DOCTYPE html>
<html>
<head>
    <title>百度一下，你就知道</title>
    <meta charset="utf-8">
</head>
 
<body>
    HTML文档的主要部分，在此标记对之间可包含众多的标记和信息
</body>
 
</html>

HTML语法基本规则

根标签有且只能有一个
标签可以嵌套但不能交叉嵌套
注释不能嵌套
属性必须有值，值必须加引号，单引号或双引号均可
标签名不区分大小写但建议使用小写