HTML


<head>
<meta>
<meta charset="UTF-8"> #编码
<meta http-equiv="refresh" content="2;Url=http://www.baidu.com"> #跳转hold 2 secondes and link to baidu.com
<meta name="keywords" content="aaaaaaaaa"> #推广用
<meta name="description content="aaaaaaaaa"> #推广用
<meta http-equiv="X-UA-Compatible" content="IE=IE9;IE=IE8;IE=IE7"/> #IE兼容
<title>
<link>
<link rel="shortcut icon" href="image/favicon.ico"> #指定图标
<style>
<script>

<body>
&nbsp; #space
&lt; #<
&gt; #>
块标签:
<p> #change paragraph
<h1> #bigger title
<div> #什么特性都没有
<br> #change line
行内标签:
<span> #什么特性都没有,可以变成任何标签
<a>


form标签:
<form action="www.aa.com", enctype="multipart/form-data">
<input type="text", name="input_login">
<input type="password", name="input_password">
<input type="button", name="input_button", value="login">
<input type="radio", name="input_radio", value="1"> # 同一个name在同一个组内
<input type="checkbox", name="input_checkbox", checked="checked"> # 同一个名字在同一个组内
<input type="file", name="input_file"> # 依赖enctype="multipart/form-data"
<input type="submit", name="input_submit", value="login">
<input type="reset", value="reset">
      placeholder:占位符

<textarea name="textarea">aa</textarea>

<select name="select">
<optgroup label="hebei">
<option value="1">1</option>
<option value="2">2</option>
</optgroup>
<optgroup label="henan">
<option value="3">3</option>
<option value="4">4</option>
</optgroup>
</select>
</form>

img标签:
src
title: info when the mouse above the image
alt: info when the image cann't appear

列表
无序列表:
<ul>
<li>111</li>
</ul>
有序列表:
<ol>
<li>222</li>
</ol>
能分列的列表
<dl>
<dt>333</dt>
<dd>444</dd>
</dl>
table标签:
thead:表头
<tr>
<th>table head 1</th>
tbody:表体
<tr>
<td>table body 1</td>
colspan="2" 占两行
rowspan="2" 占两列

label标签: 点击label内的文字直接在for的标签内输入
<label for="username"> aaaa</label>
<input id="username" type="text" name="user">

fieldset标签:
<legend>login</legend> 显示的fieldset的名字
<input id="username" type="text" name="user">
<input id="password" type="password" name="user">
</fieldset>

<!DOCTYPE html>
<html lang="en">
<!-- compent  multi line
 111
aaaa-->

<head>
    <meta charset="UTF-8">
    <!--<meta http-equiv="refresh" content="2;Url=http://www.baidu.com">-->
    <title>Title</title>
</head>
<body>
<a> aaa2 </a>
    <form action="dm.testing.inspos.cn" enctype="multipart/form-data">
        <input type="text", name="input_login">
        <input type="password", name="input_password">
        <input type="button", name="input_button", value="login">
        <input type="radio", name="input_radio", value="1">     # same name in the same group
        <input type="checkbox", name="input_checkbox", checked="checked">      # same name in the same group
        <input type="file", name="input_file">      # enctype="multipart/form-data" dependency
        <input type="submit", name="input_submit", value="login">
        <input type="reset", value="reset">
        <textarea name="textarea">aa</textarea>
        <select name="select">
            <optgroup label="hebei">
                <option value="1">1</option>
                <option value="2">2</option>
            </optgroup>
            <optgroup label="henan">
                <option value="3">3</option>
                <option value="4">4</option>
            </optgroup>
        </select>
        <a href="#i1">No. 1</a>     #from href jump to the id we marked
        <a href="#i2">No. 2</a>
        <a href="#i3">No. 3</a>
        <a href="#i4">No. 4</a>
        <div id="i1" style="height: 100px;"> aaaaaaaaaaaaaaaaaaaaa </div>
        <div id="i2" style="height: 100px;"> bbbbbbbbbbbbbbbbbbbbb </div>
        <div id="i3" style="height: 100px;"> ccccccccccccccccccccc </div>
        <div id="i4" style="height: 100px;"> ddddddddddddddddddddd </div>
    </form>
    <img src="374.jpg" style="height: 200px; width: 150px;" alt="aaa" title="wife">     #alt:default info of img
    <ul>
        <li>111</li>
        <li>111</li>
        <li>111</li>
        <li>111</li>
    </ul>
    <ol>
        <li>222</li>
        <li>222</li>
        <li>222</li>
        <li>222</li>
    </ol>
    <dl>
        <dt>333</dt>
        <dd>444</dd>
        <dd>444</dd>
        <dt>333</dt>
        <dd>444</dd>
        <dd>444</dd>
    </dl>

    <table border="1">
        <thead>
            <tr>
                <th>table head 1</th>
                <th>table head 2</th>
                <th>table head 3</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>1</td>
                <td colspan="2" rowspan="2">2</td>
            </tr>
            <tr>
                <td>1</td>

            </tr>
            <tr>
                <td>1</td>
                <td>2</td>
                <td>3</td>
            </tr>
        </tbody>
    </table>

    <fieldset>
        <legend>login</legend>
        <label for="username"> aaaa</label>
        <input id="username" type="text" name="user">
        <input id="password" type="password" name="user">
    </fieldset>
</body>
</html>

 



posted @ 2018-07-03 11:40  安慧桥没有你  阅读(125)  评论(0编辑  收藏  举报