记忆——HTML标签

n南x星

已于 2022-07-18 15:45:19 修改

阅读量154

点赞数

文章标签： html5

于 2022-07-06 14:34:01 首次发布

本文链接：https://blog.csdn.net/weixin_50517509/article/details/125636962

版权

HTML标签

HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签，通过这些标签可以将网络上的文档格式统一，我们可以直接在浏览器中打开.html文件以查看。本文主要统计常用的html的一些标签及用法等。

html标签分为双标签（一般标签）、单标签（自闭合标签）

双标签：<标签名属性1=属性值1 属性2=属性值2 ……>标签和内容</标签名>
单标签：<标签名属性1=属性值1 属性2=属性值2 ……>或者<标签名属性1=属性值1 属性2=属性值2 …… />

属性=属性值 -> 固定写法，用于修改标签的内容或样式

常见标签：

html的注释用<!--  -->表示

<!-- 声明这是一个html5文件 -->
<!DOCTYPE html>

<!-- charset用于页面指定编码 -->
<meta charset="utf-8" />
   	
<!-- 页面的标题 -->
<title></title>

<!-- 标题标签：<h1>、<h2>……<h6> -->
<h1>我国人均预期寿命提高到77.93岁</h1>

<!-- 段落标签：<p> -->
<p>既许一人以偏爱，愿尽余生之慷慨<p>

<!-- 文字倾斜标签i, em -->
<!-- 文字加粗标签b, strong -->

<!-- 换行标签：br -->

<!-- 水平线标签：hr -->


<!-- html中一个空格可以用下列两种方式表示：&nbsp;或者&emsp; -->

<!-- 行内文本标签：span -->

<!-- 图片标签：img -->
   	<!-- src:1.可以写入链接。2.可以写本地图片路径 -->
   	<!-- title:鼠标放在图片上可以提示文字 -->
   	<!-- alt: =当图片不显示时，显示文字 -->
   	<!-- width.heigth:能够修改图片，标签盒子等的显示宽度和高度 -->

<!-- 超链接标签：a -->
   	<!-- href:
   				1.引入在线链接
   				2.可以引入本地文件
   				3.可以引入id选择器
   	 -->
   	 <!-- target:1._self:当前标签页跳转（默认）。2._blank:新的标签页跳转 -->

<!-- id属性如何调用：使用#调用id属性 -->

<!-- iframe:内联框架 -->
   	<!-- 列表：有序列表ol、无序列表ul -->
   	<!-- 列表中的内容放在 li -->

<!-- input:默认是一个文本框，但是通过修改type属性的值可以将input构造成vu不同的形式 -->
   	<!-- placeholder:输入框给中的提示性文字 -->
   	<!-- maxlength:限制输入内容的长度 -->
    <!-- vlaue:当input为按钮时，在按钮上显示文字 -->
	<!-- radio:单选框 -->
    <!-- checkbox:复选框 -->

<!-- form表单标签。主要应用在登录，注册页面能够使input转为按钮之后的功能生效-->

<!-- div标签：无语义标签(盒子标签) -->

表格标签如下：

<!-- table标签：声明表格
	 tr标签：表格的每一行  table row
	 th标签 ：表头  table head
	 td标签：单元格  table date cell
-->

<!-- 
	表格涉及的属性
	table标签：
			caption - 该表格的名字
			border - 设置表格的外边界（外边框）的宽度
			cellpadding - 边框与其内容的间隙大小
			cellspacing - 设置单元格和单元格以及单元格和边框的间距
			width - 设置整体表格的宽度（每一列的宽度会自动调整比例）
			height - 设置整体表格的高度（每一行的高度会自动调整比例）
			bordercolor - 设置边框的颜色
			bgcolor - 设置背景颜色
			align - 调整表格水平位置（左对齐：left、右对齐：right、居中对齐：center）
	tr标签：bgcolor - 设置背景颜色
			align - 调整文字水平位置（左对齐：left、右对齐：right、居中对齐：center）
			valign - 调整文字垂直位置（顶部：top、底部：bottom、中间：middle)
			height - 修改一行的高度
	td标签：width - 修改单元格的宽度(本行其他单元格自动缩小或增大，本列单元格也随之增加或缩小)
			height - 修改单元格的高度（本行单元格高度随之增加或缩小）
			align - 调整文字水平位置（左对齐：left、右对齐：right、居中对齐：center）
			valign - 调整文字垂直位置（顶部：top、底部：bottom、中间：middle)
			colspan - 列合并
			rowspan - 行合并
		  -->