html知识点归纳

(记)Web标准:由结构,表现,行为组成
html标签
分为常规元素单标签和空元素
关系:嵌套和并列
常用标签
一:排版标签
1:标题h
2:段落p
3:换行br
4:水平线标签hr
5:div和span
二:图片标签img
属性:src alt title width height border
三:链接标签a
属性href target
拓展:锚点链接
四:表格标签作用显示数据
tr 行标签
td 单元格标签
th 表头单元格标签
caption 表格标题
rowspan 跨行合并
colspan 跨列合并
table属性:border cellspcing 单元格与单元格之间距离 cellpadding 内容与单元格边框距离 width height aligh 水平对齐方式
五:列表标签作用布局
ul ol dl(dt dd)
六:表单标签作用搜集用户信息

  1. input
    属性type
用户名: <input type="text" /> 
密  码:<input type="password" />

name name属性后面的值,是我们自己定义的

value

用户名:<input type="text"  name="username" value="请输入用户名">

checked 表示默认选中状态。 较常见于 单选按钮和复选按钮。

性    别:
<input type="radio" name="sex" value="男" checked="checked" />男
<input type="radio" name="sex" value="女" />女 

属性值:text单行文本输入框
password密码输入框
radio单选
checkbox复选框
button普通按钮
submit提交按钮
reset重置按钮
image图像提交按钮
file文本域
2. lable标签(了解)
用于绑定一个表单元素, 当点击label标签的时候, 被绑定的表单元素就会获得输入焦点。

<label> 用户名: <input type="radio" name="usename" value="请输入用户名">   </label>
  1. textarea控件(文本域)
<textarea >
  文本内容
</textarea>

通过textarea控件可以轻松地创建多行文本输入框.
4. select下拉列表

<select>
  <option>选项1</option>
  <option>选项2</option>
  <option>选项3</option>
  ...
</select>

在option 中定义selected =" selected "时,当前项即为默认选中项
七:表单域form(以实现用户信息的收集和传递)

<form action="url地址" method="提交方式" name="表单名称">
  各种表单控件
</form>

属性action : 用于指定接收并处理表单数据的服务器程序的url地址
method : 用于设置表单数据的提交方式,其取值为get或post。
name : ``用于指定表单的名称,以区分同一个页面中的多个表单

发布了6 篇原创文章 · 获赞 1 · 访问量 158

猜你喜欢

转载自blog.csdn.net/h_el_lo/article/details/104228490