HTML常用标签及其属性

HTML的常用标签

黑豆°

5016人浏览 · 2022-07-11 23:34:20

黑豆° · 2022-07-11 23:34:20 发布

HTML 框架

HTML的标签关系

嵌套关系

嵌套关系：类似于父亲和儿子之间的关系

<html>

</html>

并列关系

并列关系：类似于兄弟之间的情谊

HTML的常用标签及属性

【meta标签】

<meta>标签提供有关页面的元信息，比如针对搜索引擎和更新频度的描述和关键词。<meta>标签位于文档的头部，不包含任何内容。<meta>标签的属性定义了与文档相关联的名称/值对。

charset属性：charset属性设置编码格式，设置utf-8避免出现中文乱码
写法：<meta charset=“utf-8”>

http-equiv属性：需配合content属性使用。主要声明浏览器如何解释编译文件
写法：<meta http-equiv="属性值" content="属性值详细内容">

name属性：需配合content属性使用，主要用于给搜索引擎提供必要信息
写法：<meta name="属性值" content="属性值详细内容">

【<h1>----<h6>标题标签】

标签写法：<h1>---<h6>-----------</h1>---</h6>

<h1>----<h6>标题作用：是定义各种标题的。

属性：align水平对齐方式，取值：left、center、right。

【<p>段落标签】

标签写法：<p></p>

<p>标签的作用：在网页中描述具有一个相对完整的内容。

常用属性：align水平对齐方式：取值：left，center，right。

【<em>斜体标签】

标签写法：<em> ---</em>

<em>标签的作用：实现的一种倾斜字体样式。

【<strong>粗体标签】

标签写法：<strong>---</strong>

<strong>标签的作用：实现的一种加粗的字体样式。

【<hr/>水平线标签】

标签写法：<hr/>

<hr>标签的作用：在网页中加入平行线用来区分上下文。

【<br/>换行标签】

标签写法：<br/>

<br/>标签的作用：调到下一个新行（换行）。

【<img>标签】

标签写法：<img src="xxx.jpg" alt="xxx" >

<img>标签的作用：在网页上插入一张自定义图片

常用属性：①src 图片路径属性

相对路径：

⑴ ./表示同级路径

⑵ ../表示上一级路径

绝对路径：带有盘符（基本不用）

② 宽度 width px（像素）

高度 height px（像素）

③alt替换文本属性：在图片不能正常显示时的提示语

④title提示内容属性：鼠标划上去时显示的内容

【<a>超链接标签】

标签写法：<a href="链接地址"></a>

<a>标签的作用：用于从一张页面链接到另一种页面。

常用属性：①href表示跳转的链接地址

②href后跟tel：电话号码与a标签中手机号一致，有拨号插件的可以拨打电话

③target表示的是目标窗口位置（_self在自身窗口打开_blank新建窗口打开）默认自身

④href后跟：⑴ 浏览器直接打开<跳转>HTML/TXT

⑵ 浏览器下载文件 ppt/doc/excel/pdf/exe