当前位置：网站首页 > 文章教程 > 正文

【HTML】概念和基本标签（html基本标签与属性）

yund56 2025-07-18 01:10 14 浏览

1、www：

万维网，建立在internet上，全球性的、交互、多平台、分布的信息资源。

wwwf组成：

url：统一资源定位器，通俗来说就是访问地址
HTTP：超文本传输协议
HTML：超文本标记语言

2、网页的后缀名：html和htm

3、标签：

双标签：<标签名>内容</标签名>

单标签：<标签名 />

注释标签：

各种标签，以html文档结构来做：

<!doctype html> <!--文档类型标签-->
<html> --最外层的标签
<head> <!--头部标签，包含编码、标题等-->
	<title>标题</title> <!--标题标签-->
	<meta charset="utf-8"/> <!--编码格式-->
</head>
  <body> <!--主体标签，里面显示的内容-->
  	<h1>哈哈哈哈</h1>
  </body>
</html>

4、标题标签

h1~h6,h1最大的，h6最小的

属性：align,对齐方式

属性值：left-左对齐，center-居中，right-右对齐

示例：

<h1 align="left">标题左对齐</h1>

5、段落标签：

内容

属性：

-title:提示信息

-style:行内样式

-dir:文字方向，默认从左向右，ltl或者rtl

示例：

<p title="这是提示信息" dir="ltl"></p>

6、换行标签：

7、水平线标签：<hr/>

属性：

align:对齐方式，默认center居中对齐

color:颜色

width:宽度，可以取值百分比或者像素

size:高度，只能取值像素

noshade:取消阴影

示例：

<hr color="red" width="50%" size="10"/>

8、强调标签：加粗字体

和

9、图片标签：<img />

属性：

src:图片路径

alt:图片加载错误时提示信息

title:鼠标放在图片上提示信息

width:宽度

border:边框

示例：

<img src="1.jpg" alt="图片加载失败" title="提示信息"/>

10、超链接：<a>文本</a>

属性：

href：要跳转的地址

示例：

<a href="https://www.baidu.com">百度一下</a>

html常用标签代码大全

上一篇：Javascript正则表达式示例之HTML标签及HTML语法树
下一篇：HTML简单介绍及常见元素（html简单介绍及常见元素的应用）

【HTML】概念和基本标签（html基本标签与属性）

1、www：

2、网页的后缀名：html和htm

3、标签：

4、标题标签

5、段落标签：

6、换行标签：<br/>

7、水平线标签：<hr/>

8、强调标签：加粗字体

9、图片标签：<img />

10、超链接：<a>文本</a>

相关推荐

django留言板_留言板html好看的模板

你还在手动筛选吗?filter函数才是多条件筛选的yyds!

一次分享给你29个PHP基础常用类助力你快速提升

一篇文章轻松掌握VLookup、XLookup与Filter函数

软件工程培训，选择线上还是线下呢?

连南举办2024年软件正版化工作联席会议暨正版软件培训班

初学ThinkPHP(一):用TP6+LayUI实现数据表格

新函数FILTER函数_filter函数的作用

营商在上海_营商上海数字科技有限公司

Excel筛选也智能?一个FILTER函数就搞定!