HTML5简单总结

1 篇文章 0 订阅

标题标签 <h1></h1>
段落标签 <p></p>
换行标签 <br/>
水平线标签<hr/>
粗体标签 <strong></strong>
斜体标签 <em></em>
空格&nbsp;>&gt; <&lt;
图像标签 <img src="" alt=""/>
超链接标签 <a href="" target=""></a>
target属性 _blank:新界面打开 默认_self
锚链接:<a href=#top>顶部</a>
目标位置: <a name="top">down</a>
<a href="mailto:123@qq.com">邮件</a>
块元素:无论内容多少都占一行
行内元素:内容撑开左右宽度 不换行
有序列表: <ol><li>1</li><li>2</li></ol>
无需列表: <ul><li>.</li><li>.</li></ul>
自定义:<dl><dt></dt><dd></dd></dl>
表格标签:<table>行 <tr> 列 <td> </table>
跨列:colspan=" "    跨列: rowspan=" "
视频:<video src="" controls></video>
音频:  <audio src="" autoplay></audio>
页面结构:header 标题头部区域的内容
    footer 标记脚部区域的内容
    nav 导航类辅助内容
iframe内联标签:
<iframe src=" " name="名"></iframe>
表单: action是提交到哪里
<form method="post" action=".html">
<input name="name" type="text">
<input name="pwd" type="password">
<input type="submit" value="提交"/>
<input type="reset" value="重填"/>
</form>
单选框: radio(name要相同)
多选框:checkbox(name要相同)默认checked
按钮:<input type="button" name=""/>
图片按钮<input type="image" src=""/>
<select name="列表名称">
<option value="" selected>1</option>
文本框:
<textarea cols="" rows=""></textarea>
文件域:<input type="file" name="files">
验证:type=邮件 email 地址url 数字number
                 搜索 search 滑块 range
隐藏域hidden 只读readonly 禁用disabled
提示信息 placeholder
不能为空 required
正则表达式 pattern(网上查 粘贴就行)
https://www.jb51.net/tools/regexsc.htm
 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值