HTML小结

2016-04-16 本文已影响8人 moosoo

1.html框架

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf_8">
    <meta http_equuiv="X-UA-Compatible" content+"IE=edge">
    <!--HTML文档中的元数据-->
    <title>lab1-1</title>
    <link rel="stylesheet"  type="text/css" href="lab1-1.css">
</head>
<body>
</body>
</html>

2.文本标记：

块元素：p,h1~6,div,ul,table (显示时通常会以新行开始，会在前后添加空行);
内联元素：span (显示时通常不会以新行开始);
特殊用途标记：blockquote（缩进或斜体）,br（行）,cite,code,tt,pre;

3.图像:

<img src=”” alt=””></img>

4.列表：

无序列表

<ul>
    <li></li>
</ul>

有序列表

<ol>
    <li>

自定义列表

<dl> 
    <dt>
    <dd>

5.链接：

<a>

link,hover,active,visited;
链接方式：

1、
<a href=””></a> 
<a name=””></a>
2、
<a herd="task"></a>
<h1 id="task"></h1>

herf属性规定页面中所有相对链接的基准URL；
target属性定义了在何处打开页面中的链接。

6.表格：

<table>
    <caption> </caption>
    <tr>
        <th rowspan="2"></th>
        <td colspan="4"></td>
    </tr>
    <tr>
        <th></th>
        <th></th>
        <th></th>
        <th></th>
     </tr>
     <tr>
         <th></th>
         <td></td>
         <td></td>
         <td rowspan="2"></td>
         <td rowspan="2"></td>
     </tr>
     <tr>
         <th></th>
         <td></td>
         <td></td>
     </tr>
    </table>

属性：border,colspan/roespan,align,valign(垂直对齐),cellpadding(单元边沿与其内容之间的空白),cellspacing(单元格之间的空间)

7.表单：

button 定义可点击按钮（多数情况下，用于通过 JavaScript 启动脚本）。
checkbox 定义复选框。
file 定义输入字段和 "浏览"按钮，供文件上传。
hidden 定义隐藏的输入字段。
image 定义图像形式的提交按钮。
password 定义密码字段。该字段中的字符被掩码。
radio 定义单选按钮。
reset 定义重置按钮。重置按钮会清除表单中的所有数据。
submit 定义提交按钮。提交按钮会把表单数据发送到服务器。
text

<input type="" name="" placeholder="" />
<form>,<input>,<textarea>,<select>,<file>,
<submit>(一个表单只能有一个),<keygen>,<output>

组合表单中的相关元素

<fieldset>
    <legend>健康信息</legend>
    身高：<input type="text" />
    体重：<input type="text" />
  </fieldset>

8.语义化标记(双标记)

9.框架：

<frameset cols=”255,50%,25%” columns=””>
    <frame src=””>
    <frame src=””>
    <frame src=””>
</frameset >

10.视频：

<video src=”” width=”” height=”” controls=”controls”></video>
<video width=”” height=”” controls=”controls”>
<source src=”” type=””>
<source src=”” type=””>
</video>

11.音频：

<audio>