表单标签急属性

名称代码说明

段落<p>段落文字</p>-

标题<h1>一级标题</h1>二级标题用h2,依此类推,共6级

斜体<em>要斜体的文字</em>-

粗体<strong>要粗体的文字</strong>-

单独样式<span>要设置样式的文字</span>-

短文本引用<q>引用文本</q>被引用的文本不加双引号

长段文本引用<blockquote>引用文本</blockquote>被引用的文本不加双引号

换行<br />html中是忽略回车空格

空格同上,要有分号

水平分隔横线<hr />-

地址<address>北京</address>-

单行代码<code>...</code>-

多行代码<pre>代码段</pre>-

---

无序列表<ul> <li>信息</li> <li>信息</li> </ul>前面带小圆点

有序列表<ol> <li>信息</li> <li>信息</li> </ol>前面带数字编号

容器<div id="版块名称"></div>将元素组成一个单独的逻辑部分

链接<a href="www.xx.com" target="_blank" title="我的博客">博客</a>target那个表示在新标签页中打开链接,title为鼠标移动到链接处浮现的说明

图片<img src="1.png" alt="下载失败显示文本" title="图片描述" />-

mailto表格

成绩单班级学生数平均成绩一班3089二班3585三班3280

<table>…</table>表格的开始和结束,定义全在中间

<tbody>…</tbody>当表格内容非常多时,表格会下载一点显示一点,但如果加上<tbody>标签后,这个表格就要等表格内容全部下载完才会显示。

<tr>…</tr>表格的一行,所以有几对tr表格就有几行。

<td>…</td>表格的一个单元格,一行中包含几对<td>说明一行中就有几列。表格中列的个数,取决于一行中数据单元格的个数

<th>…</th>表格的头部的一个单元格,表格表头

<caption>标题文本</caption>表格标题

<style type="text/css">table tr td,th{border:1px solid #000;}</style>表格样式:加上边框

表单和控件

1.form标签是成对出现的,以开始,以结束。

2.action浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。

3.method数据传送的方式(get/post)。

控件名代码说明

文本输入框<input type="text" name="user">-

密码输入框<input type="password" name="password">-

文本区域<textarea rows="行数" cols="列数">文本</textarea>-

复选框<input type="checkbox" value="值" name="名称" checked="checked"/>-

单选框<input type="radio" value="值" name="名称" checked="checked"/>name要一致

下拉选择框<select multiple="multiple"><option value="看书">看书</option><option value="旅游" selected="selected">旅游</option></select>设置multiple后可以按住ctrl多选

提交按钮<input type="submit" value="提交">-

重置按钮<input type="reset" value="重置">-

文本<label for="控件id">显示内容</label>for表示是哪个控件的描述文本

作者:简单才快乐

链接:https://www.jianshu.com/p/8125c047bfef

来源:简书

简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容