HTML5

图像

<img src="path" alt="text"  title="" width="" height="">

超链接

  • 页面链接
  • 锚链接 #name
  • 功能性链接 邮箱等

列表

  • 有序列表

    <ol>
    <li></li>
    <li></li>
</ol>

  • 无序列表

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

  • 自定义列表

    <dl>
    <dt>name</dt>
    <dd></dd>
    <dd></dd>
</dl>

表格标签

<table>
    <tr>行
        <td>列</td>
    </tr>    
</table>

colspan 跨行

rowspan 跨列

媒体元素

视频元素

<video src="" controls autoplay></video>

音频元素

<audio src="" controls auotplay></audio>

页面结构

header网页头部

footer网页脚部

section网页主题

article独立的文章内容

aside相关内容

nav导航栏

iframe内联框架

<iframe src="" width="" height="" name=""></iframe?

表单

method:get方式会在url中看见，post更安全

<form method="post|get" action="result.html">
    <input type="text" name="">
    <input type="password" name="">
    <input type="submit">
</form>

value:初始值

maxlength:最长可写字符

input type:

radio 单选框，name要一致

checkbox 多选框

button 普通按钮

file 文件

email 邮件验证

url 网址验证

number 数字验证

range 滑块

search 搜索

select下拉框

<select name="">
<option value=""></option>
</select>

textarea 文本域

cols/rows

表单应用

隐藏域 hidden

只读 readonly

禁用 disabled

表单验证

placehold 提示信息

required 非空判断

pattern 正则表达式

版权声明：本文为玄离12原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/ganph/p/16050644.html