html基本结构

HTML结构

简介:

.HTML标签是由尖括号包围的关键词如<html> 通过都是成对出现的,如<html> </html>

. 以<html>为根标签,包含:<head>头部 ,<body>主体部分

.头部提供关于网页的相关信息,如标题,文档类型,字符编码,关键字等摘要信息

.主体部分提供了网页的具体的内容,真正显示在页面中

.合理的进行缩进

.标签名

 

html标签

<html> </html> 代表为根标签

<head> </head> 代表文章的头部

<title> </title> 文章的标题

<meta> 文章的编码格式

<body> </body> 文章的内容

body属性

bgcolor 文章背景

text 文章字体

<br 换行

<hr> 横线 "——"

<h1> 字体加粗文章1级大标题

 

标签分类

根据标签是否关闭,分为:关闭型,非关闭型

.关闭型;有结束标签,即成对出现


<title></title>
<body></body>
<h1></h1>

.非关闭型,没有结束标签


<meta>
<br>
<hr>

 

根据标签是否独占一行,分为;块级标签 ,行级标签

. 块级标签,显示为块状,独自占一行


<h1></h1> #:后面不能写内容,必须把内容写在中间
<hr>

. 行级标签;在行内显示,可以与其他的内容在同一行显示


<span></span>

 

注释

注释在浏览器中是不会显示的,是用来标注解释


<!-- 注释内容 -->

 

实体字符

也称为特殊字符,用于显示一些特殊符号,如:< > & 空格等

语法:


&实体字符名称;

常用实体字符:


&lt; < 小于号 less than 小于
&gt; >   大于号 greater than大于
对于连续的空白字符(包含空格,缩进,换行),在浏览器中都只会显示为一个空格
&nbsp; 空格 space 空格
&amp; &  
&quot; " 双引号 一般直接使用"" 在页面中可以直接显示
&copy; ©   版权符号 copyright 版权
&reg; ® 注册符号 regist 注册,登记
&times; × 关闭符号
?
注意:实体字符的名称是区分大小写的,大小写敏感.

 

html基本结构

上一篇:初识webpack


下一篇:浅谈js面向对象的写法