html基础总结

在这里插入图片描述

预格式化文本pre标签

<pre>
  此例演示如何使用 pre 标签

  对空行和 空格

  进行控制
</pre>

锚点

<a href="#two">  点击进入第二集 <a/>

<h3 id="two">第2集</h3> 

在这里插入图片描述
在这里插入图片描述

table用法
<table width="100%" border="1">
  <tr>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
  </tr>
</table>

在这里插入图片描述

合并行colspan
<td colspan = "2">合并两个单元格</td>
从指定单元格的位置开始,横向向右合并n个单元格(n包含自己本身)
被合并的单元格,要删除

合并列rowspan
<td rowspan="2">第二行第一列</td>
从指定单元的位置开始,纵向向下合并n个单元格(n包含自己本身)
被合并的单元格要删除

列表类型


有序列表  
<ol>
<li></li>
<li></li>
</ol>

无序列表
<ul>
<li></li>
<li></li>
</ul>

自定义列表
<dl>
<dt>列表头</dt>
<dd>相当于li</dd>
<dd>二级</dd>
<dt>一级</dt>
<dd>二级</dd>
<dd>二级</dd>
</dl>

表单

form属性

1.action

表单提交到的地址

2.method

表单提交方式
1.get 默认值
明文提交,提交的内容会显示在浏览器地址栏上
提交数据大小有限制,不能超过2kb
2.post
隐式提交,提交的数据不会显示在地址栏中
提交数据没有大小限制

input属性

1.type 指定input控件的类型
2.name 为控件定义名称
3.value 控件值



(text文本框)用户:
<input type="text" name="user">
<br />

(password密码框)密码:
<input type="password" name="password">
<br />

(hidden隐藏域)隐藏域:
<input type="hidden" name="hidden" value="我是隐形框" />
<br/>

(file文件上传)文件上传:
<!-- form设置<form action="/klvchen/" method="post" enctype="multipart/form-data"> -->
<input type="file" name="file"  /> 
<br/>

(submit提交)提交:
<input type="submit"  value="我是提交" />
<br/>

(reset提交)提交:
<input type="reset"  value="我是重置" />
<br/>

(radio单选框)男性:
<input type="radio" checked="checked" name="Sex" value="male" />
<br />
(radio单选框)女性:
<input type="radio" name="Sex" value="female" />
<br/>

(checkbox多选框)我喜欢自行车:
<input type="checkbox" name="Bike">
<br />
(checkbox多选框)我喜欢汽车:
<input type="checkbox" name="Car">
<br/>

下拉框
<select>
  <option value ="选项1">1</option>
  <option value ="选项2" selected>2</option>
 <option value ="选项3">3</option>
</select>

文本域
<textarea name="nihao" rows="3" cols="20"></textarea>
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值