企业官网建设流程全解析

./同一级

/ 下一级

../上一级

本地绝对路径以盘符

网络绝对路径

超链接 target 新一页是_blank 当前页是_self

锚点跳转：

要加#

第两种

<a href="#">回到顶部</a>

<a href="">刷新页面</a>

有序列表：<ol>

无序列表：<ul>

表内用<li>

定义列表：<dl>

定义标题 :<dt>

定义内容：<dd>

<table> ：表格。

<thead> ：包裹表头部分。
<tbody> ：包裹表格主体数据部分。
<tfoot> ：包裹表格底部，比如合计行。
<tr> ：定义表格中的一行 (table row)。

<th> ：定义表头单元格 (table header)，文字默认会加粗并居中。
<td> ：定义一个普通的数据单元格 (table data)。

colspan ：横向合并，让一个单元格跨越多列。
rowspan ：纵向合并，让一个单元格跨越多行。

<br>换行

<hr>分割线

<form>表单标签

action:表单要交的地址

<label>关联标签 <label for="zhanghu">账户：</label><input type="text" id="zhanghu">

让lable 中的for等于表单控件的id

还可以<label ><input type="radio" name="gender" >男</label> 直接包住

<button>默认类型是submit

单选按钮<radio> 多个radio要加name属性才可以单选

复选按钮<checkbox>

<iframe>嵌入框架 可以嵌入网页

与超链接的target属性配合使用

<a href="https://wwww.baidu.com" target="tt">点我看百度</a>

<iframe frameborder="0" name="tt" width="900" height="300"></iframe>

空字符串：&nbsp;

转义字符 如&lt;表示< &gt;表示> &amp;表示&

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>个人学习</title> <style> .a{ background-color: skyblue; } </style> </head> <body> <table border="5" cellspacing="0"> <thead> <tr > <th colspan="7">个人信息</th> </tr> </thead> <tbody> <tr> <td rowspan="4"><img src="/作业/images/通达校徽.jpg" alt="这是通达校徽" height="100" width="100"></td> <td width="65" class="a">姓名</td> <td><input type="text" value="请输入姓名"></td> <td width="65" class="a">年龄</td> <td> <select name="age" id=""> <option value="">18</option> <option value="">19</option> <option value="">20</option> </select> </td> <td rowspan="4" width="130"><a href="http://jwxt.nytdc.edu.cn/jwglxt/xtgl/login_slogin.html" target="_blank">前往查询个人课表</a></td> <td rowspan="4" width="110"> <div>学习目标：</div> <ol> <li>勤学善思</li> <li>督学力行</li> <li>慎思笃行</li> </ol> </td> </tr> <tr> <td class="a" align="center">性别</td> <td> <input type="radio" value="male" name="gender" checked>男 <input type="radio" value="female" name="gender">女 </td> <td class="a">专业</td> <td> <select name="subject" id=""> <option value="" selected>计算机科学与技术</option> <option value="">软件工程</option> <option value="">物联网工程</option> </select> </td> </tr> <tr> <td class="a" align="right" rowspan="2">爱好</td> <td rowspan="2"> <input type="checkbox">阅读 <input type="checkbox">听歌 <input type="checkbox">跑步 <input type="checkbox" checked>敲代码 </td> <td valign="bottom" class="a" rowspan="3">自我介绍</td> <td rowspan="4" valign="top"><textarea name="" id="" >我喜欢敲代码，希望认识很多朋友</textarea></td> </tr> <tr> </tr> </tbody> <tfoot> <td colspan="7" align="center"><input type="submit" value="提交个人信息"></td> </tfoot> </table> </body> </html>