欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Html5元素及基本语法

程序员文章站 2022-06-26 16:33:13
HTML标签 开始标签(opening tag):开放标签 结束标签(closing tag):闭合标签   元素 定义:HTML元素指的是从开始标签到结束标签...

HTML标签

开始标签(opening tag):开放标签
结束标签(closing tag):闭合标签

 

元素

定义:HTML元素指的是从开始标签到结束标签的代码(元素以开始标签为起始以借宿标签终止)
元素的内容:元素的内容指的是开始标签与结束标签之间的内容

元素的特点:
1,大多数HTML元素可嵌套(可以包括其他的HTML元素)
2,HTML文档有嵌套的HTML元素构成
3,不要忘记结束标签,未来的HTML版本不允许省略结束标签
4,空的html元素
5,没有内容的html元素被称为元素的空内容,空元素是在开始标签中关闭的
注意:
空元素和空内容的区别:空元素的开始标签和结束标签是相同的,注重的是标签。空内容指的是元素内的内容是空的,注重的是内容。

HTML基本结构

:不是标签,只是用以声明帮助浏览器正确地现实网页


元素是所有头部元素的容器
标签始终位于head元素中,标签提供关于HTML文档的元数据
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>

#box1{
    background-color:red;
}
.p1{background:yellow;}
.p2{border:1px solid #000;}

</style>
</head>

<body>

<!-- id只能是唯一的 -->
<p style="width:100px; height:100px; border:1px solid #000;" id="box1 box2"></p>
 

<!--class可以是多个的-->
<p  style="width:100px; height:100px;"  class="p1 p2" ></p>

<!--class可以是多个的-->

<a href="#" title="我是一个提示信息">我是一个链接</a>

</body>
</html>