前端第三天

mac2024-04-04  35

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>   框架集

<iframe>   内联框架

图像

<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 :链接地址

<link>   定义外部链接  例:<link rel="stylesheet" href="css/style.css" /><!--公共的css-->链接网页公共css样式

<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

 

 

 

 

 

 

 

最新回复(0)