HTML基础
Posted 哔哩哔哩干杯
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了HTML基础相关的知识，希望对你有一定的参考价值。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>个人简历</title> </head> <body topmargin="100" leftmargin="100" rightmargin="100"> <font size="6"><b><center>个人简历</center></b></font> <font> <table width="960" align="center" cellpadding="0" cellspacing="0" border="1" height="1080"> <tr align="center"> <td width="300" height="75" align="left">姓名：</td> <td width="300" headers="75" align="left">性别：</td> <td rowspan="3">相片</td> </tr> <tr align="center"> <td width="300" height="75" align="left">年龄：</td> <td width="300" height="75" align="left">民族：</td> </tr> <tr align="center"> <td width="300" height="75" align="left" colspan="2">身份证号：</td> </tr> <tr align="center"> <td width="300" height="75" align="center">家庭成员</td> <td height="75" align="center">工作</td> <td width="300" height="75" align="center">联系电话</td> </tr> <tr align="center"> <td height="75"></td> <td></td> <td></td> </tr> <tr align="center"> <td height="75"></td> <td></td> <td></td> </tr> <tr align="center"> <td height="75"></td> <td></td> <td></td> </tr> <tr align="center"> <td height="75"></td> <td></td> <td></td> </tr> <tr align="center"> <td>工作经历</td> <td colspan="2"></td> </tr> <tr align="center"> <td>评价</td> <td colspan="2"></td> </tr> <tr> <td width="300" height="75" align="left">时间：</td> <td>办理人：</td> <td>个人签字：</td> </tr> </table> </font> </body> </html>
题目：简历
body的属性：
bgcolor 页面背景色
text 文字颜色
topmargin 上页边距
leftmargin 左页边距
rightmargin 右页边距
bottomargin 下页边距
background 背景壁纸
格式控制标签：
<font color="颜色" face="字体" size="大小"></font>
<b></b> 字体加粗
<i></i> 倾斜
<u></u> 下划线
<strong></strong> 字体加粗
<em></em> 字体倾斜
<center></center> 居中，默认前后如果有其他的文字，执行上下换行，保证自身是一个整体
<br></br> 相当于回车
表示空格
内容容器标签
<h1></h1>...<h6><h6> 默认换行，重要性依次递减，上下默认空行
<p></p>段落标签，默认前后若有其他，执行换行并空出一行，表示内部是一个整体
<div></div> 层标签，默认占一行
<span></span> 层标签，默认用多少占多少
<ol type="1">有序列表 引号中可以更改序号形状
<li>默认自带序号</li>
<li>默认自动换行</li>
<li>默认上下有空行</li>
</ol>
<ul>无需列表
<li>默认不自带序号</li>
<li>默认自动换行</li>
<li>默认上下有空行</li>
</ul>
常用标签：
1.做锚点的标签。<a name=" "></a>
2.做锚点链接。<a href="目标链接的name值"></a>
超链接标签：
<a href="超链接地址" target=“blank”>超链接的文字</a> blank是在新窗口打开
图片标签：
<img src="图片地址" alt="文字" width="" height=""> 高和宽设置一个即可，系统会自动按比例缩放，alt在图片无法加载时，显示文字，还可帮助搜索引擎搜索
表格：
<table></table> 表格
width 宽度 常用960像素
border 边框
cellpadding 内容和单元格边框的边距
cellspacing 单元格之间的边距
align 对齐方式
bgcolor 背景色
background 背景图片
<tr></tr> 行
<td></td> 单元格
<th></th> 表头 内容自动居中、加粗
valign 垂直对齐方式
align 水平对齐方式
内容放在单元格内，单元格放在行里，行放在表格里。设置单元格行高，列高时，会同时影响对应的行和列。
单元格合并
colspan="n" 合并同一行单元格
rowspan="n" 合并同一列单元格
以上是关于HTML基础的主要内容，如果未能解决你的问题，请参考以下文章