html的常用元素

html-css09

html的常用元素,第1张

表示网页的标题

h1~h6共规定了6个等级的标题

h1标签有利于SEO优化、但是一个网页最多只有一个,太多会导致搜索引擎以为你是作弊、把你排除在外

p元素(或者说 HTML 段落元素)表示文本的一个段落。该元素通常表现为一整块与相邻文本分离的文本,或以垂直的空白隔离或以首行缩进,它是块级元素。

strong元素,表示文本十分重要,一般用粗体显示。

 strong是一个逻辑状态,它不仅是加粗,还有表示重要信息的。

bold是一个物理状态,只是表示加粗,没有别的意义。

span元素主要作用是对普通文本进行归类

默认情况下和普通文本没有什么区别

用于区分特殊文本和普通文本,比如用来显示一些关键字

一般是做为其他元素的父元素,将其他元素包住,代表一个整体

用于把网页分割成多个独立的部分

属性:

1.src属性(source)可以链接远程图片地址、本地图片地址(路径)

绝对定位

特点:从根目录开始找

缺点:一旦文件路径发生改变,就会找不到

相对定位

规则:. 表示当前目录    .. 表示上一层目录绝对定位

特点:从根目录开始找

缺点:一旦文件路径发生改变,就会找不到

web常用图片格式

png(静态图片、支持透明)、jpg(静态图片、不支持透明)、jpeg(静态图片、不支持透明)、gif(静态图片、支持透明)、webp

alt属性:当图片失效(加载失败)时显示文本

单标签

参考:MDN( https://developer.mozilla.org/zh-CN )

在html中,什么叫做元素解释:

1、元素:

HTML网页实际上就是由许许多多各种各样的HTML元素构成的文本文件,并且任何网页浏览器都可以直接运行HTML文件。所以可以这样说,HTML元素就是构成HTML文件的基本对象,HTML元素可以说是一个统称而已。HTML元素就是通过使用HTML标签进行定义的。 

2. 标签:

标签就是<head>、<body>、<table>等被尖括号“<”和“>”包起来的对象,绝大部分的标签都是成对出现的,如<table></talbe>、<form></form>。当然还有少部分不是成对出现的,如<br>、<hr>等。 

标签就是用来标记HTML元素的。位于起始标签和结束标签之间的文本就是HTML元素的内容。

3. 属性: 

为HTML元素提供各种附加信息的就是HTML属性,它总是以"属性名=属性值"这种名值对的形式出现,而且属性总是在HTML元素的开始标签中进行定义。 

4、示例: 

<html><head><title>示例标题</title></head><body bgcolor="red"><p>这是示例页面</p></body></html>在这个示例中,<p>这是示例页面</p>就是HTML元素,其中“这是示例页面”就是元素的具体内容了。

5、<head><title><body>等就是HTML标签,这是标签构成了HTML元素。

<body bgcolor="red">中的bgcolor="red"就是标签的属性,它定义了标签应该如何具体配置。 总之,元素和标签的区别也不必太在意,实际工作中都直接以标签统称

HTML的三大基本元素是html、head、body也可说是html文档、头部、身体。

1、html是这个文档类型的声明,告诉浏览器该文件是html类型的文本文件,浏览器会按照html的规则去解析该文件,另外在html网页开发的过程中,html元素一般还会声明代码使用的html标准,一般叫做文档类型声明,比如html5的文档类型声明是:

<!DOCTYPE html>

<html>

</html>

2、head元素是包含该文件的一些头信息,文档的头部描述了文档的各种属性和信息,包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。

3、body 元素定义文档的主体,body 元素包含文档的所有内容(比如文本、超链接、图像、表格和列表等等。)

一个标准的html结构代码如下:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

</head>

<body>

</body>

</html>