前端学习笔记-简单的一些标签_前端v-mode的标签页-优快云博客

本文链接：https://blog.youkuaiyun.com/v_nbsp/article/details/102089322

排版标签（写在body中）：

<h1>标题一、<hr>换行、<b>加粗、<i>斜体、

<img src=" ">图片标签，src为图片路径，../向上一层，部分属性：height图片高度单位px、width宽度、alt图片加载失败时的文字

无需列表标签ul和li

ul 是块级元素可以定义宽和高，li表示行排列不能单独使用，需要在ul和ol里面，配合使用

<ul>标签中的属性：compact、type。<ul>标签：id, class, title, style, dir, lang, xml:lang

有序列表标签ol和li

相关属性：start从第几开始，reversed=“reversed”倒序排序

超链接标签

<a href="超链接的地址"></a>例：<a href="http://www.baidu.com target="_blank"></a>,blank在新的标签打开，self在原有的标签打开。

表格标签

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
<!--边框border、宽度width高度height居中align-->
		<table border="1" height="150" width="300" align="center" bgcolor="azure" cellspacing="1px" cellpadding="0px">
			<tr>
				<td>cellspacing设置边框和边框之间的间隙</td>
				<td>cellpadding设置文字与边框之间的间隙</td>
				<td>默认值都为1px</td>
			</tr>
		</table>
	</body>
</html>

表格跨行跨列操作以及嵌套

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>表格的跨行跨列操作</title>
	</head>
	<body>
<!--跨列操作-->
		<table border="1px" width="500" height="300" align="center" cellpadding="0px">
			<tr>
				<td colspan="2">11</td>
				<td>13</td>
				<td>14</td>
			</tr>
			<tr>
				<td>21</td>
				<td colspan="2" rowspan="2">
					<table border="1px" width="100%"height="100%">
						<tr>
							<td>11</td>
							<td>12</td>
							<td>13</td>
						</tr>
						<tr>
							<td>21</td>
							<td>22</td>
							<td>23</td>
						</tr>
					</table>
					
				</td>
				<td>24</td>
			</tr>
			<tr>
				<td>31</td>
				<td rowspan="2">34</td>
			</tr>
			<tr>
				<td>41</td>
				<td>42</td>
				<td>43</td>
			</tr>
		</table>
	</body>
</html>