html基础—标签-CSDN博客

本文链接：https://blog.csdn.net/qq_50454266/article/details/123122183

文件标签

<!DOCTYPE html>：html5中定义该文档是html文档
<html>：html文档基本标签
<head>：头标签，指定html文档的一些属性，引入外部资源
<title>：标题标签
<body>：主体标签

文本标签

<!-- 注释--> :注释标签
字符实体
&nbsp; 空格
&lt; 小于
&gt; 大于
&copy; 版权符号
&yen; 人民币符号￥
文本样式标记
<i> </i> 斜体显示文本
<u> </u> 文本添加下划线
<b> </b> 文本加粗效果
<s> </s> 文本添加删除线
<sup> </sup> 上标显示文本
<sub> </sub> 下标显示文本
标题标签
语法： <h1> </h6> n取值于 1-6
作用： 以不同的文字大小和加粗方式显示文本
段落标签
作用： 突出显示一段文本，每段文本都独占一行或一块，不予其他元素共行显示
语法： <p> </p>
属性： align 设置文本的水平对齐方式
取值： left / center / right

分区标签

块分区
<div> </div>划分页面结构，独占一行
行内分区
<span> </span>允许在一行文本中使用多个span

图像标签

语法： <img></img>
属性：
	src：指定要显示的图片路径 必填
	width：设置图片宽度，以px为单位
	height：设置图片高度
	title：用来设置图片标题，当鼠标悬浮在图片上面
	alt：用来设置图片加载失败之后的提示文本

超连接标签

语法： <a>超链接</a>
属性：
	href: 必填属性，指定连接，以路径形式给出
	target:可选属性，设置目标文件的打开方式
	self:默认值，表示在当前窗口打开
	blank:表示在新建窗口打开

列表标签

作用： 按从上到下的方式排列，并且能够显示项目符号在数据的前面
<ul> </ul> 无序排列 默认以实心圆点作为标识
	type:属性
		disc ：实心圆形
		circle：空心圆
		square：实心正方形
		none：不显示项目符号
	<li>列表项标签中，可以使用超链接、段落、换行、图片等其它HTML元素。
<ol> </ol> 有序列表 默认是按照数字排列
列表项：
	<li></li>列表中的每一条数据都是一个列表项