个人中心
gpt4 book ai didi

Html常见标签

转载 作者：知者 更新时间：2024-03-13 06:07:28 27 4
gpt4 key购买 nike

常用标签

标题标签

<!-- 标题字 -->
<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>三级标签</h3>
<h4>四级标签</h4>
<h5>五级标签</h5>
<h6>六级标签</h6>

文本修饰标签

标签 描述
<font></font> 用于设置文本的字体样式
<b></b> 粗体字
<i></i> 斜体字
<s></s> 或<del></del> 删除字
<u></u> 或<ins></ins> 插入字
<sup></sup> 上标形式显示2
<sub></sub> 下标形式显示2
<strong></strong> 加粗的形式显示 与<b>标签功能相似
<big></big> 比周围的文本大一个字体尺寸
<small></small> 比周围的文本小一个字体尺寸

其他常用标签

标签 描述
<br> 换行 （独目标签）
<hr> 水平线（独目标签）
<pre></pre> 保留格式
<p></p> 段落

列表元素标签
语法：

<!-- 有序列表 -->
<ol>
	<li>列表项</li>
	<li>列表项</li>
	<!-- ... -->
</ol>
		
<!-- 无序列表 -->
<ul>
	<li>列表项</li>
	<li>列表项</li>
	<!-- ... -->
</ul>

div和span标签

<div style="块元素的样式" class="类选择器名称" align="对齐方式">
	内容部分...
</div>
<span style="块元素的样式" class="类选择器名称" align="对齐方式">
	内容部分...
</span>

图像标签

<img src="url" alt="对图像的描述" height="图像高度" width="图像宽度" align="对齐方式" border="边框宽度" />
<!-- align:top、bottom、middle、left、right-->

超链接

<a href="url" target="">超链接内容</a>
<!--
target属性表
	_blank:在新窗口中打开被链接文档
	_self:默认值,在相同的框架中打开被链接的文档
	_parent:在父窗口中打开被链接的文档
	_top:在整个窗口中打开被链接的文档
	frameName:在指定的框架中开打被链接的文档
-->

背景颜色和背景图片

<body bgcolor="red" background="背景图片">

常见实体符号

特殊字符 实体引用
双引号(") "
&符号 &
大于号 >
小于号 <
大于等于号 ≥
小于等于号 ≤
空格  

表格

表格的基本语法

<table >
<!-- 一行可以包括多个单元格 -->
	<tr>
		<td>单元格内容</td>
		<td>单元格内容</td>
		<!-- 更多单元格 -->
		...
	</tr>
	<!-- 更多行 -->
	...
</table>

表格的基本属性 <table>

属性 取值 描述
align left、center、right 设置表格相对周围元素的对齐方式
bgcolor rgb(x,x,x)、#xxxxxx、colorName 设置表格背景颜色
border 像素 设置表格边框的宽度
cellpadding 像素或百分比 设置单元格与其内容之间的距离
cellspacing 像素或百分比 设置单元格之间的距离
height 像素或百分比 设置表格的高度
width 像素或百分比 设置表格的宽度
rules none、groups、rows、cols、all 设置表格中的表格线显示方式,默认为all
frame void、above、below、hsides、vsides、lhs、rhs、box、boeder 设置表格外部边框的显示方式

表格的frame属性可以对表格边框更灵活地进行设置,只显示表格边框的某一部分或全部显示

属性 描述
void 不显示边框
above 只显示顶部边框
below 只显示底部边框
hsides 显示顶部和底部边框
vsides 显示左右两侧边框
lhs 只显示左侧边框
rhs 只显示右侧边框
box或border 显示表格的所有边框

行标签

行是表格的水平元素,一行可以包括一个或多个单元格 使用<tr>标签进行界定

属性 描述
align 设置行内所有单元格内容的水平对齐方式：left、center、right、justify
valign 设置行内所有单元格内容的垂直对齐方式：top、middle、bottom、baseline
bgcolor 设置行内所有单元格的背景颜色
bodercolor 设置行内所有单元格的边框颜色
bordercolordark 设置单元格的左上边框颜色
bordercolorlight 设置单元格的右下边框颜色

注意：在同时设置bordercolor、bordercolordark、bordercolorlight三个属性时,bordercolor边框颜色会被其他两个覆盖

单元格标签

单元格时表的基本元素 可以通过<td>或<th>创建单元格

属性 描述
align 设置单元格内容的水平对齐方式：left、center、right、justify
valign 设置单元格内容的垂直对齐方式：top、middle、bottom、baseline
rowspan 设置单元格跨越的行数
colspan 设置单元格跨越的列数
csope 定义将表头数据与单元格数据相关联的方法
width 设置单元格的宽度
height 设置单元格的高度
bgcolor 设置单元格的背景颜色

注意：如果单元格标签和行标签有相同的属性,优先显示单元格标签内的属性

表格的行分组

  • <thead>标签定义表头,用于创建表格的头部信息

  • <tfoot>标签定义表尾,用于创建表格的脚注部分

  • <tbody>标签定义表格主体

  • <caption>标签定义表格的标题,显示在整个表格的上方

27 4 0
文章推荐： 【重温SSM框架系列】1 - Spring快速入门（配置文件及API详解）
文章推荐： Python GUI编程：tkinter 关于 ttkbootstrap 的使用
文章推荐： 绘制商务感十足的折线图和面积图
文章推荐： ASCII,Unicode 和 UTF-8
知者
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com