html总结之结构/声明/标签/注释

什么是HTML

HTML 指的是超文本标记语言: HyperText Markup Language

HTML不是编程语言,是一种标记语言,使用标签来描述网页,HTML文档就是HTML标签和文本内容的组成,也叫做web页面

HTMl文件是以html或htm结尾的,文件名后缀只是给人看的

HTML的网页结构

html总结之结构/声明/标签/注释

HTML版本

html总结之结构/声明/标签/注释

<!DOCTYPE> 声明

<!DOCTYPE>声明有助于浏览器中正确显示网页,它是不区分大小写的,必须放在html文档的第一行

<!DOCTYPE html> 
<!DOCTYPE HTML> 
<!doctype html> 
<!Doctype Html>

HTML5

<!DOCTYPE html>

HTML 4.01

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

XHTML 1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

中文编码

charset=“UTF-8” 设置文档的编码,GBK gb2312 等格式

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>页面标题</title>
  </head>
  <body>
    <h1>我的第一个标题</h1>
    <p>我的第一个段落</p>
  </body>
</html>

HTML标签

HTML标签也叫HTML元素

双标签,就是有开始标签和结束标签,中间放的是内容,所有的标签双标签都必须关闭。

语法:<标签名 属性1=‘属性值1’ 属性2=‘属性值2’> 内容 </ 标签>

<div> 这里可以放内容 </div>

单标签,也叫自闭标签,就是自己关闭了,不要你手动关闭,也叫做空元素

语法:<标签名 属性1=‘属性值1’ 属性2=‘属性值2’ />

<br/> <!-- 换行 -->
<hr/> <!-- 分割线 -->

重要的属性:

id:定义标签的唯一id,整个html文档中是唯一的

class:css的样式类,可以放多个

style:标签的行内css样式

HTML注释

单行注释

<!-- 放在一行我就是单行注释  -->

多行注释

<!-- 
放在多行我就是多行注释
-->