1.HTML概述和基本结构

1.HTML概述和基本结构

什么是HTML?

HTML是HyperText Mark-up Language的首字母缩写，意思是超文本标记语言。

超文本：指的是超链接。

标记语言：是由一个个标签组成的语言。

一个简单的HTML文档结构:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>

</body>
</html>

标签:

1.一对尖括号包裹的单词 如: <html> (标签中的单词不能以数字开头)
2.标签不区分大小写 <html> 和 <HTML> (推荐使用小写)
3.标签分为两部分: 开始标签<div> 和 结束标签</div>
4.有些标签只有一个 这种标签叫做自闭和标签 如: <br/> <hr/> <input /> <img />
5.标签可以嵌套 但是不能交叉嵌套. <div><p></div></p>

标签的属性:

通常是以键值对形式出现的. 例如 <html lang="en">中的 lang="en"
属性只能出现在开始标签 或 自闭和标签中.
属性名字全部小写,属性值必须使用双引号或单引号包裹 例如 charset="UTF-8"
如果属性值和属性名完全一样.直接写属性名即可. 例如 readonly

 

<!DOCTYPE html>文档声明
<html lang="en"></html>定义HTML文档的整体，标签中的属性lang="en"，
定义网页的语言为英文，定义成中文是'lang="zh-CN"',不定义也没什么影响，
它一般作为分析统计用。
<head></head>标签里面负责对网页进行一些设置以及定义标题，
设置包括定义网页的编码格式，外链css样式文件和javascript文件等，
设置的内容不会显示在网页上，标题的内容会显示在标题栏。
<body></body>内编写网页上显示的内容。

HTML文档类型

目前常用的两种文档类型是xhtml 1.0和html5

xhtml 1.0

<!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" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>xhtml 1.0</title>
</head>
<body>

</body>
</html>

xhtml 1.0 是html5之前的一个常用的版本，目前许多网站仍然使用此版本。 此版本文档用sublime text创建方法(需要安装emmet插件)： html:xt + tab

html5

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>html5</title>
</head>
<body>

</body>
</html>

pc端可以使用xhtml 1.0，也可以使用html5，html5是向下兼容的 此版本文档用sublime text创建方法： html:5 + tab 或者 ! + tab

两种文档的区别

  • 文档声明
  • 编码声明
  • html5新增了标签元素以及元素属性

html文档规范

xhtml制定了文档的编写规范，html5可部分遵守，也可全部遵守，看开发要求。

1、所有的标签必须小写

2、所有的属性必须用双引号括起来

3、所有标签必须闭合

4、img必须要加alt属性(对图片的描述)

html注释：

<!-- 这是一段注释  -->
posted @ 2017-08-06 21:18  ret  阅读(144)  评论(0)    收藏  举报