HTML:
【1】boby的属性:
bgclor:页面背景色;text 文字颜色;topmargiog 上页边距;leftmargion 左页边距;rightmargion 右页边距;bottomargion 下页边距;background 背景壁纸
【2】格式控制标签:
<fount color="" face="" size=""></fount>
控制字体:color="":颜色;face="":字体;size="":字体大小;
<b></b>:字体加粗;<i></i>:字体倾斜;<u></u>:下划线;<strong></strong>:字体加粗(强调,语气加强用);
<center></center>:居中;<br></br>:相当于回车; :表示空格(ctrl+shift+space)
【3】内容容器标签
<h1></h1>........<h6></h6>:标题(会自动换行)。{HTML标题(heading)是通过<h1>--<h6>等标签进行定义的。}
<p><p/>:段落标签(段落之间空行);<div></div>:层标签(默认占一行);<span></span>:层标签(默认有多大空间占多大空间);
<ol type="1">(有序列表,序号为1,2,3...........,引号中可以更改序号形式)
<li>内容</li>
<li>内容</li>
</ol>{上面的“ol”改为“ul”则为无序列表}
“../”:表示上级目录;“./”:表示当前目录
相对路径:从当前页面开始寻找。绝对路径:从网站的根开始查找。“/”,代表网站的根。
HTML元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。
【4】超链接标签:
<a href=“超链接地址” target(网页打开方式)=“blank”>超链接的文字</a>{blank 是在新窗口打开}
锚点:1、做锚点的标签。<a name=" "></a>
2、做锚点连接。<a herf="目标连接的name值"></a>
图片标签:{图标标签是单独出现的}
<img src=" 图片地址" alt=“文字” width=“” height=“”/>(高跟宽设置一个即可,显示图片会按比例缩放。
alt在图片无法加载时显示文字,还可帮助搜索引擎搜索)
【5】表格:
<table></table>表格
width :宽度。(可以用像素或百分比表示。常用960像素)
border:边框。(常用值0)
cellpadding:内容跟单元格之间的边距。(常用值为0)
cellspacing:单元格之间的边距。(常用值为0)
align:对其方式。
bgcolor:背景色。
background:背景图片。
<tr></tr> 行
align:一行内的内容的水平对齐方式。
valign:一行内的内容垂直对齐方式。
height:行高。 bgcolor:背景色。background:背景图片。
<td></td> 单元格
<th></th>:表头,单元格的内容自动居中、加粗。
align:单元格的内容的水平对齐方式。
valign:单元格的内容垂直对齐方式。
height:单元格高。 width:单元格宽度。bgcolor:背景色。background:背景图片。
网页版个人简历代码:
个人简历
姓名 | 性别 | 年龄 | ||||
民族 | 籍贯 | 博客 | ||||
健康状况 | 毕业院校 | 专业 | ||||
教育 经历 |
||||||
主修 课程 |
||||||
获得 证书 |
||||||
工作 经历 |
||||||
自我 评价 |
<body > <font color="#FF0000"> <h1 align="center">个人简历</h1> <table border="1" width="700" height="700" align="center" cellpadding="0" cellspacing="0"> <tr align="center" height="40"> <td width="100">姓名</td> <td width="100"> </td> <td width="100">性别</td> <td width="100"> </td> <td width="100">年龄</td> <td width="100"> </td> <td rowspan="3" width="100" valign="middle" ><img src="u=1007949980,1369995956&fm=23&gp=0.jpg" width="100" height="120"/></td> </tr> <tr align="center" height="40"> <td width="100">民族</td> <td width="100"> </td> <td width="100">籍贯</td> <td width="100"> </td> <td width="100"><a href="http://www.cnblogs.com/jakeasd/">博客</a></td> <td width="100"> </td> </tr> <tr align="center" height="40"> <td width="100">健康状况</td> <td width="100"></td> <td width="100">毕业院校</td> <td width="100"></td> <td width="100">专业</td> <td width="100"></td> </tr> <tr height="80" align="center" > <td width="100">教育<br />经历</td> <td width="100"colspan="6"></td> </tr> <tr height="80" align="center"> <td width="100">主修<br />课程</td> <td width="100"colspan="6"></td> </tr> <tr height="80" align="center"> <td width="100">获得<br />证书<br /></td> <td width="100"colspan="6"></td> </tr> <tr height="80" align="center"> <td width="100">工作<br/>经历</td> <td width="100"colspan="6"></td> <tr height="140" align="center"> <td width="100">自我<br />评价</td> <td width="100"colspan="6"></td> </tr> </table> </font> </body>
来源:https://www.cnblogs.com/jakeasd/p/5359319.html