前端第三天_bdi编排-CSDN博客

本文链接：https://blog.csdn.net/qq_44820230/article/details/102835400

HTML标签集合

排版标签

注释作用不显示在浏览器页面

<p> 段落标签

<br/> 换行标签为段落换行

<hr/> 水平分割线分割段落

<center> 居中将文字表格图片等位置居中 (W3c中不建议使用）

<pre> 预设格式令文件按照与那时码的方式来显示

<div> 区域区隔设定位置

<i> 定义斜体

格式标签

<acronym> 截取首字母缩写

<abbr> 缩写

<address> 定义文档作者信息

<b> 字体粗体显示

<bdi> 定义文本的方向脱离周围文本的方向

<bdo> 定义文字的方向

<big> 文本变大

<blckquote> 长的引用

<cite> 定义引用

<code> 定义计算机代码文本

<del> 删除文本

<dfn> 定义项目

<em> 强调文本

<font> 定义文本的字体、尺寸和颜色

<ins> 定义被插入文本

<sup> 定义上标文本

<sub> 定义下标文本

<var> 定义文本变量部分

表单

<form> 收集用户信息的html表单

<input> 输出控件

<button> 按钮

<option> 定选择列表中的选项

<label> input元素标注

<datalist> 下拉列表

<keygen> 秘钥

<output> 输出类型

框架

<frame> 窗口或者框架

<frameset> 框架集

图像

<img> 图像图片 <img src="" alt=""> src:图片地址 alt:图片未加载出来的显示

<map> 图像映射

<canvas> 定义图形

音频

<audio> 定义声音内容

<video> 视频

<source> 媒介源

列表

<ul> 定义无序列表

<ol> 有序列表

<li> 包含在ul ol中定义列表项目

<dl> 自定义列表

<dt> 包含在dl中定义自定义列表中的项目

<dd> dl中的列表项目描述

<menu> 定义命令的菜单/列表

链接

<a> a链接例：<a href=""></a> href :链接地址

<nav> 导航链接

表格

<table> 表格定义

<caption> 表格标题

<th> 定义表格中的表头单元格

<tr> 定义表格中的行

<td> 定义表格中的单元

<thead> 定义表格中的表头内容

<tbody> 定义表格中的主体内容

<tfoot> 定义表格中的表注内容

例：

代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body style="margin-left: 0px;">
		<table border="0" align="left" cellspacing="0" cellpadding="0"  width="990" height="60">
			<font>
			<tr>
				<th align="center"><font size="6" color="">个人简历</font></th>
			<tr>
			</font>
		</table>
		<table border="1" cellspacing="1" cellpadding="10" width="990" align="left" height="1200">
			<tr align="" height="60">
				<td>姓名</td>
				<td>###</td>
				<td>性别</td>
				<td>###</td>
				<td>出生日期</td>
				<td>###</td>
				<td rowspan="3" width="150"><imgsrc="img/4.png"></td>
			</tr>
			<tr align="" height="60">
				<td>民族</td>
				<td>###</td>
				<td>政治面貌</td>
				<td>###</td>
				<td>婚姻状况</td>
				<td>###</td>
			</tr>
			<tr align="" height="60">
				<td width="">现住址</td>
				<td>### </td>
				<td>籍贯</td>
				<td>###</td>
				<td>学历</td>
				<td>###</td>
			</tr>
			<tr align="" height="60">
				<td>毕业学校</td>
				<td colspan="2">###</td>
				<td colspan="2">专业</td>
				<td colspan="2">###</td>
			</tr>
			<tr align="" height="60">
				<td rowspan="5" width="20">学习经历</td>
				<td colspan="2">起止日期</td>
				<td colspan="2">就读学校</td>
				<td colspan="2">所学专业</td>
			</tr>
			<tr height="60" align="">
				<td colspan="2">#</td>
				<td colspan="2">#</td>
				<td colspan="2">#</td>
			</tr>
			<tr height="60" align="">
				<td colspan="2">#</td>
				<td colspan="2">#</td>
				<td colspan="2">#</td>
			</tr>
			<tr height="60" align="">
				<td colspan="2">#</td>
				<td colspan="2">#</td>
				<td colspan="2">#</td>
			</tr>
			<tr height="60" align="">
				<td colspan="2">#</td>
				<td colspan="2">#</td>
				<td colspan="2">#</td>
			</tr>
			<tr align="" height="60">
				<td rowspan="5">工作经历</td>
				<td colspan="2">起止日期</td>
				<td colspan="2">工作单位</td>
				<td colspan="2">工作岗位</td>
			</tr>
			<tr height="60" align="">
				<td colspan="7" rowspan="4"></td>
			</tr>
			<tr height="60" align="">
			
			</tr>
			<tr height="60" align="">
				
			</tr>
			<tr height="60" align="">
				
			</tr>
			<tr height="70" align="">
				<td>求职意向</td>
				<td colspan="7"></td>
			</tr>
		</table>
		rowspan合并行
		<br>
		colspan合并列
		
	</body>
</html>

入坑尚浅请多指教！

更具体可参考：https://www.w3school.com.cn/tags/html_ref_byfunc.asp