名称代码说明
段落<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
来源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。