html总结

时间:2019-01-10
本文章向大家介绍html总结,主要包括html总结使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

<div>   块,末尾会换行。一个div可以包含标题、段落、链接等。div属于容器
<p>    段落,末尾会换行。
<a>    链接   <a href="index.html">首页</a>

<input>  用于输入。根据属性Type的不同,输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等

id为唯一标识,name属性表示名字,style属性引入样式

<input type="text" id="brrow_time"  name="brrow_time" style="width: 140px"/>

<form>  表单,用于提交数据.action表示提交的目标路径

<form action="/user/query" method="get">
  First name: <input type="text" name="fname" />
  Last name: <input type="text" name="lname" />
  <input type="submit" value="Submit" />
</form>

<ol>    有序列表

<ul>    无序列表

<li>    列表选项

<span>   用来组合文档中的行内元素。span属于容器

&nbsp   空格

placeholder属性  提供可描述输入字段预期值的提示信息(hint)。

<input  placeholder="密码" name="password" type="password">

legend属性  组合表单中的相关元素,表单元素外边出现边框

<select>  下拉列表

设置选项默认值   <option value="selected"> 此处是默认值 </option>

<select>
  <option>apple</option>
  <option>banana</option>
</select>

<label>  文字标签,"for" 属性可把label绑定到另外一个元素。请把 "for" 属性的值设置为相关元素的 id 属性的值。

示例如下:

<form>
<label for="male">Male</label><input type="radio" name="sex" id="male" />
<br />
<label for="female">Female</label>
<input type="radio" name="sex" id="female" />
</form>