我爱编程

HTML基础语法

2017-06-26  本文已影响29人  疏疏星影

标记语言

1.HTML用于描述功能的符号称为“标记”,比如<p>、<h1>等

  --标记在使用时必须使用尖括号括起来

  --有封闭类型标记,也有非封闭类型的标记

标记语法(续1)

1.封闭类型标记(也叫双标记):必须成对出现

  -<标记>内容</标记>

 2.封闭类型的标记必须成对出现

  - 如果一个应该封闭的标记没有被封闭,则会产生意料不到的错误

标记语法(续2)

1.非封闭类型标记,也叫做空标记,或者单标记

 - <标记/>

 - 或者

 - <标记>

2.不能包含内容

普通文本一 <br/>普通文本二

普通文本三 <br>普通文本四

元素

1.元素,即标记

2.每一对尖括号包围的部分

  - 如<body></body>包围的部分就叫做body元素

  - 元素就像是小标签,用于标识网页文档的不同部分

 3.元素可以包含文本内容和其他元素,也可以是空的,比如前面所诉的空标记

元素嵌套

1.元素之前可以相互嵌套,形成更为复杂的语法

 在嵌套元素时需要标记的嵌套顺序

属性和值

1.属性用来修饰元素

  -- 属性的声明必须位于开始标记里

  -- 一个元素的属性可能不止一个,多个属性之间用空格隔开

 -- 多个属性之间不区分先后顺序

2.每个属性都有值

 -- 属性和属性的值之间用等号链接

 --属性的值包含在引号中

标准属性

1. 每个元素都有自己所特有的属性

2.有些属性是绝大多数元素都支持的属性,称为标准属性(或通用属性)

 -- id

 -- title

 -- class

 -- style

注释

 1.为代码添加适当的注释是一种良好的编码习惯

 2.注释只在编辑文档情况下可见,在浏览器展示页面时并不会显示

 3.添加注释的语法如下

  - <!--注释部分-->

 备注:1.“<!--”和“-->”之间的任何内容都不会显示在浏览器中

            2.注释不可以嵌套在其他注释中

            3.注释不可以位于嵌在<>中

HTML 和 XHTML

1.XHTML于2000年的一月26日成为W3C标准

  -- 与HTML4.0.1几乎相同

  --更严格更纯净的HTML版本

HTML5

1.HTML5的目标,就是更为简洁的HTML代码

HTML文档的结构

1.文档类型声明

2.html页面

 -- 文件头:<head> </head>

 -- 文档主体部分:<body></body>

文档类型声明

1.在文档的起始位用DOCTYPE声明指定版本和风格

  --让浏览器清楚文档的版本、类型和风格

2.Strict  DTD

<!DOCTYPE html PUBLIC " -//W3C//..../xhtml1-strict.dtd">

3.Transitional DTD

 <!DOCTYPE html PUBLIC "-//W3C//..../xhtml1-transitional.dtd">

4.Frameset DTD

 <!DOCTYPE html PUBLIC " - //W3C// .../xhtml1-frameset.dtd">

 5.HTML5

<!DOCTYPE  HTML>

<html>元素

 1.整个文档的包含元素

  -- 在DOCTYPE 的文档类型声明之后

  -- 按照严格版本(Strict XTML  1.0),起始的<html>标记中必须包含命名空间标识符

 2.有两个子元素

  - <head> :页面的头部内容

  - <body> :页面的主体内容

<head>元素

 1.<head>元素用于为页面定义全局信息

 - 所有其他头元素的容器

 - 紧跟在起始标签<html>之后

 2.可包含

 - title 、meta、script 、style 、link等

文档头疼内容 -- <title>

1.标题元素<title></title>用于为文档定义标题

  -- 标题元素的内容出现在浏览器顶部

  -- 没有属性

  -- 必须出现在<head> 元素中

  -- 一个文档只能有一个标题元素

  文档头部内容 -- <meta>

  1.元数据元素<meta>用于定义网页的基本信息

   2. 为空标记

   3.常用属性有:content 、http-equiv

<body>元素

 1.<body>元素出现在<head>元素之后,包含网页要显示给读者的内容,称为主体内容

  2.可以包含除了html、head 外所有元素

 

 

上一篇下一篇

猜你喜欢

热点阅读