程序员的知识教程库

网站首页 > 教程分享 正文

【HTML】概念和基本标签（html标签基本结构）

henian88 2025-05-02 10:30:47 教程分享 4 ℃ 0 评论

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、段落标签：

<p>内容</p>

属性：

-title:提示信息

-style:行内样式

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

示例：

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

6、换行标签：<br/>

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

属性：

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

color:颜色

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

size:高度，只能取值像素

noshade:取消阴影

示例：

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

8、强调标签：加粗字体

<b></b>和<strong></strong>

9、图片标签：<img />

属性：

src:图片路径

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

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

width:宽度

border:边框

示例：

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

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

属性：

href：要跳转的地址

示例：

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

Tags：

猜你喜欢

本文暂时没有评论，来添加一个吧(●'◡'●)

欢迎 你 发表评论:

最近发表
标签列表