zoukankan      html  css  js  c++  java
  • 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>
    View Code

    题目:简历

    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>       相当于回车

    &nbsp;         表示空格

    内容容器标签

    <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"       合并同一列单元格

  • 相关阅读:
    Different AG groups have the exactly same group_id value if the group names are same and the ‘CLUSTER_TYPE = EXTERNAL/NONE’
    An example of polybase for Oracle
    use azure data studio to create external table for oracle
    Missing MSI and MSP files
    You may fail to backup log or restore log after TDE certification/key rotation.
    Password is required when adding a database to AG group if the database has a master key
    Use KTPASS instead of adden to configure mssql.keytab
    ardunio+舵机
    android webview 全屏100%显示图片
    glide 长方形图片显示圆角问题
  • 原文地址:https://www.cnblogs.com/bilibiliganbei/p/5296383.html
Copyright © 2011-2022 走看看