Web复习-1: HTML

HTML标签语言

1. 开始标签, 结束标签
2. 自结束标签 meta

HTML基本语法

1. 标签不能交叉嵌套
2. 标签必须正确关闭
3. 有文本内容的标签
4. 没有文本内容的标签
5. 属性写在开始标签中, 必须有值, 双引号引起来
6. 注释不能嵌套

常用标签

标题标签

<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>

网络优化: 是否容易被检索到?

段落标签

<p>
</p>

换行标签和分割线

<br/>
<hr/>

无序列表

<ul>定义无序列表
    <li>定义列表项</li>
</ul>

有序列表

<ol start="5">
<!--定义有序列表, 从start开始-->
    <li>定义列表项</li>
</ol>

图片

<img alt="找不到图片的提示内容"  src="图片源, 路径">

相对路径: 以斜杠开头的路径引入的资源相对于当前资源的位置

…/: 返回上一级目录

绝对路径: 项目发布后都发布在服务器上,不以斜杠开头的路径

内联框架

相当于在页面上又开了一个小浏览器的窗口, 在小的iframe中展开

   <iframe src="资源地址" width="500" hight="500">
       
   </iframe>

超链接

href

target: 在何处打开链接文档

• _blank: 新开窗口
• _self: 在当前窗口打开(缺省值)
• framename: 在哪个iframe打开

<a href="要链接的资源路径" target="targetframe">
我是超链接
</a>
<iframe src="" name="targetframe"></iframe>

表格

<table border="1" style="border:collapse:collapse">
    <tr>
        <td>姓名</td>
        <td>性别</td>
        <td>爱好</td>
    </tr>
    <tr>
        <td>张三</td>
        <td>男</td>
        <td>乒乓球</td>
    </tr>
    <tr>
        <td>李四</td>
        <td>女</td>
        <td>篮球</td>
    </tr>
</table>

单元格合并 属性colspan: 跨列; rowspan:跨行

th定义表头

表单: 把数据提交给服务器

表单将用户以键值对的方式提交, 表单项的name属性定义“键”, value定义“值”, 多个键值对以&连接

<form action="">
    
</form>

action: 要提交的地方(资源路径), 指定套提交的资源位置

<input type="text">: 定义一个文本框

<input type="sbumit" value="登录">: 定义一个提交按钮

<input type="password">: 密码框

<input type="radio" name="gender" value="male">: 定义一个单选按钮, 需要将name属性设置为同一个name.用户不输入值的表单项都要输入值

<input type="checkbox" name="hobby" value="banana">: 定义一个多选框, 一组都选矿的name都需要设置为一致的, 还需要为value赋值

<select name="fruit"><option value="banana"></option></select>: 定义一个下拉列表

GET

提交: 会把数据以键值的方式放在地址栏中

POST

提交方式: 不再追加到地址栏中

转义字符

空格: &nbsp

<: &lt

>: &gt