HTML入门：概念与基本标签解析

发表时间: 2024-04-07 09:08

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>