HTML结构

HTML结构

一、HTML文档结构

<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <title>css样式优先级</title>
</head>
<body>

</body>
</html>
  1. <!DOCTYPE html>声明为HTML5文档（html版本说明）
  2. <html>....<html/>:是文档的开始标记和结束标记。是html页面的根元素，在他们之间是文档的头部。包含文档的元数据（meta）数据
  3. <title>....</title>定义网页标题，在浏览器标题栏显示
  4. <body>.....<body/>之间的文本是可见的网页主题内容

注意：对于中文网页需要使用 声明编码，否则会出现乱码。有些浏览器会设置 GBK 为默认编码，则你需要设置为 。

二、HTML标签格式

  • HTML标签是由尖括号包围的关键字，如''<html>, <div>等
  • HTML标签通常是成对出现的，比如：<div>和</div>，第一个标签是开始，第二个标签是结束。结束标签会有斜线。
  • 也有一部分标签是单独呈现的，比如：<br/>、<hr/>、<img src="1.jpg" />等。
  • 标签里面可以有若干属性，也可以不带属性。

标签的语法：

  • <标签名 属性1=“属性值1” 属性2=“属性值2”……>内容部分</标签名>
  • <标签名 属性1=“属性值1” 属性2=“属性值2”…… />

几个很重要的属性：

  • id：定义标签的唯一ID，HTML文档树中唯一
  • class：为html元素定义一个或多个类名（classname）(CSS样式类名)
  • style：规定元素的行内样式（CSS样式）

三、HTML注释

<!--注释内容-->

注释是代码之母。

四、标签

<!DOCTYPE>声明必须是 HTML 文档的第一行，位于 <html> 标签之前。

声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。
posted @ 2019-10-13 23:28  RandySun  阅读(204)  评论(0)  编辑  收藏  举报