PS:html5新增的几个标签也比较火,后续可能会在其他博文补充。
首发日期:2018-04-01
<p>一大段文字一大段文字一大段文字一大段文字一大段文字一大段文字一大段文字一 大段文字一大段文字一大段文字一大段文字 一大段文字一大段文字一大段文字一大段文字一大段文字一大段文字 一狼大段文字一大段文字一大段文字一大段文字一大段文字一大段文字一大段文字一大段文字
</p>
<div> 一大段文字一大段文字一大段文字一大段文字一大段文字一大段文字一大段文字一 大段文字一大段文字一大段文字一大段文字 一大段文字一大段文字一大段文字一大段文字一大段文字一大段文字 一大段文字一大段文字一大段文字一大段文字一大段文字一大段文字一大段文字一大段文字 </div>
<span>一段文字</span><span>一段文字</span>
示例:
<h1>h1</h1> <h2>h2</h2> <h3>h3</h3&家长鼓励孩子的经典语句gt; <h4>h4</h4> <h5>h5</h5> <h6>h6</h6>
<input type="text" >type=’password’时,是一个密码输入框 ;input如果有value属性,则作为输入框的默认值;示例:
<input type="password" >type=’bu祝福朋友结婚的祝福语tton’时,是一个按钮,这种按钮主要是负责本地的“按钮事件”示例:type=’submit’时,是一个提交表单的按钮,主要负责向后台提交表单,,它可以提交表单form里面的内容 ;示例:
<input type="submit">type=’radio’是一个单选框【name的值相同影响他们不能复选,只能单选】,,如果需要有提示内容,需要在标签后面填写,value只是代表选定之后提交到后台的结果示例:type=’checkbox’是一个复选框,,如果需要有提示内容,需要在标签后面填写,value只是代表选定之后提交到后台的结果示例:type=’data’是一个日期选择框,示例:
<input type="date" />type=’file’,需要form里面有enctype=’multi’属性配合才能上传文件。示例:
<input type="file" />
<label for="t1">用户名</label><input id="t1" type="text" /><label for="c1">男</label><input id="c1" type="radio" checked="checked"五岳位置 />
<form src="login.html" method="post"> <label for="t2">用户名:</label> <input id="t2" type="text" /> <label for="t3">密码:</label> <input id="t3" type="text" /> <input type="submit" value="提交表单" /></form>
<table border="2" width="200"> <thead> <tr> <th>id</th> <th>姓名</th> <th>性别</th> </tr> </thead> <tbody> <tr> <td rowspan="2">8班</td> <td>小明</td> <td>男</td> </tr> <tr> <td>小2</td> <td>男</td> </tr> </tbody></table>
<textarea rows="4" cols="30"></textarea>
<lect name="cars"> <option value="1">选项1</option> <option value="2">选项2</option> <option value="3">选项3</option> </lect> <lect name="cars" size="2"> <optgroup label="文件"> <option value="1" lected="lected">选项1</option> <option value="2">选项2</option> <option value="3">选项3</option> </optgroup></lect>
<a href="/d/file/titlepic/www.baidu.com" target="_blank">跳转到百度</a> <a href="#a1">按我下去</a> <div > <a name="a2">大段文字</div> <br><br><br><br><br><br><br><br><br><br><br><br> <br><br><br><br><br><br><br><br><br><br><br><br> <br><br><br><br><br><br><br><br><br><br><br><br> <br><br><br><br><br><br><br><br><br><br><br><br> <br><br><br><br><br><br><br><br><br><br><br><br> <br><br><br><br><br><br><br><br><br><br><br><br> <div id="a1"> 大段文字</div> <a href="#a2">按我上去</a>
(下面代码实现需要图片)
<img src="一个错误的路径.gif" alt="假装有图片"/><img src="/d/file/titlepic/baidu_jgylogo3.gif" border="1">
属性:无常用属性或已不建议使用。
<ul> <li>1</li> <li>2</li> <li>3</li> <li>一个嵌套列表 <ul> <li>4.1.1</li> </ul> <ul> <li>4.3.1</li> </ul> </li></ul>
<ul> <li>咖啡</li> <li>茶 <ul> <li>红茶</li> <li>绿茶</li> </ul> </li> <li>牛奶</li></ul>
<ol> <li>1</li> <li>2</li> <li>3</li> <ol> <li>4.1</li> <li>4.2</li> <li>4.3</li> </ol> <li>5</li></ol>
<input type="button" value="button" onclick="alert(555)">
本文发布于:2023-04-03 10:20:23,感谢您对本站的认可!
本文链接:https://www.wtabcd.cn/fanwen/zuowen/e59d04b30574d0045d02bbbe6a5114bf.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文word下载地址:html常用标签学习笔记.doc
本文 PDF 下载地址:html常用标签学习笔记.pdf
留言与评论(共有 0 条评论) |