HTML5 之 基本标签、属性

来源:互联网 发布:ab post json请求 编辑:程序博客网 时间:2024/06/05 16:25

HTML5一些常用的基础标签、属性的使用

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>标签示例代码</title></head><body><blockquote>这是引用文本</blockquote><pre>标识预定文本</pre><h1>这是一级标签</h1><h2>这是二级标签</h2><h3>这是三级标签</h3><p>这里面是内容</p><b>加粗字体</b><i>让字体倾斜</i><big>大字体,过时了</big><small>小字体</small><sub>下标字体</sub><sup>上标字体</sup><cite>引用效果显示</cite><ul>    <li>直接开平方法</li>    <li>配方法</li>    <li>分解因式法</li></ul><ol>    <li>有序列表1</li>    <li>有序列表2</li>    <li>有序列表3</li></ol><dl>    <dt>第一行</dt>    <dt>第二行</dt>    <dt>第三行</dt>    <dd>第一效果</dd>    <dd>第二效果</dd>    <dd>第三效果</dd></dl><a href="http://www.baidu.com">百度一下</a><img src="tile.png"><embed src="tile.png">多媒体</embed><table summary="ASC英文格式">    <caption>字符集</caption>    <tr>        <th>十六进制</th>        <th>八进制</th>        <th>二进制</th>    </tr>    <tr>        <td>9</td>        <td>9</td>        <td>10</td>    </tr>    <tr>        <td>10</td>        <td>A</td>        <td>换行</td>    </tr>    <tr>        <td>13</td>        <td>33</td>        <td>回车</td>    </tr>    <tr>        <td>32</td>        <td>30</td>        <td>空格</td>    </tr></table><form id="form1" name="form1" method="post" action="">    <p>单行文本域:<input type="text" name="textFiled" id="textFiled"/></p>    <p>密码域 :<input type="password" name="passwordFiled" id="passwordFiled"></p>    <p>复选框:复选框1:<input type="checkbox" name="checkbox1" value="">                复选框2<input type="checkbox" name="checkbox2" value="">    </p>    <p>多行文本域:<textarea name="textAreaFiled" id="textAreaFiled"></textarea></p>    <p>单选按钮:单选框1:<input type="radio" name=" radio1" id="radio1" value="">                单选框2:<input type="radio" name="radio2" id="radio2" value=""></p>    <p>下拉菜单:        <select name="selectList">            <option value="1">选项1</option>            <option value="2">选项2</option>            <option value="3">选项3</option>        </select>    </p>    <p>        <input type="submit" name="button" id="button" value="提交">    </p></form><p class="my" id="my" style="background-color: #b3d4fc"> 进本属性</p><a href="URL" title="提示文本">超链接</a><img src="URL" alt="替换文本"  title="替换文本" /></body></html>
0 0
原创粉丝点击