html

1,html初始

　　一些特殊的符号，有不同的显示效果

2，html规则

　　1，html把连续的空格和换行都解析成一个空格，没有缩进的问题

　　2，基本标签 

　　　　b  加粗

　　　　i   斜体

　　　　u   下划线

　　　　s　删除线

　　　　p   段落

　　　　br　换行

　　　　hr   水平线

　　3，块级标签和行内标签

　　　　块级标签：自己独占一行　　　　p，div，hr，h1~h6

　　　　行级标签：默认都在一行显示　　b,i,u,s,span

　　　　div和span标签的特点：没有自带的样式，可以用css调整样式

　　4，特殊字符

　　　　空格　　&nbsp；

　　　　>　　　　>

　　　　<　　　　&lt;

　　　　&　　　　&amp;

　　　　¥　　　　&yen;

　　　　版权　　&copy;

　　　　注册　　&reg；

　　5，img标签

　　　　<img  src="图片路径"  alt="图片未加载成功提示"  title="鼠标悬浮式信息"  width="宽"  height="高">

　　6，a标签

　　　　target：

　　　　　　_blank　　新的标签页打开

　　　　　　_self　　　当前标签页打开

　　7,列表

　　　　1，无序列表ul

　　　　2，有序列表ol

　　　　3，标题列表dl

　　　　<dl>

　　　　　　<dt>标题1</dt>

　　　　　　 <dd>内容1</dd>

　　　　<\dl>

　　8,表格

 1 <table>
 2         <thead>
 3         <tr>
 4             <th>序号</th>
 5             <th>姓名</th>
 6             <th>年龄</th>
 7         </tr>
 8         </thead>
 9         <tbody>
10         <tr>
11             <td>1</td>
12             <td>周成</td>
13             <td>24</td>
14         </tr>
15         </tbody>
16 </table>

View Code

　　　　表格属性：

　　　　　    border: 表格边框.

　　　　　　cellpadding: 内边距

　　　　　　cellspacing: 外边距.

　　　　　　width: 像素 百分比.（最好通过css来设置长宽）

　　　　　　rowspan: 单元格竖跨多少行

　　　　　　colspan: 单元格横跨多少列（即合并单元格）

　　9，标签支持嵌套

　　　　1，块级标签可以包含行内标签和某些块级标签

　　　　2，p标签不能包含块标签

　　10，标签的分类

　　　　1，展示给用户看的标签

　　　　2，获取用户输入的标签     form标签（表单标签）

　　11，form标签

　　　　form属性

　　　　　　action　　规定向何处提交表单的地址

　　　　　　method　　提交表单是用的是何种http方法（get，post）

　　　　1，input

　　　　　　text　　　　　　　　单行输入文本

　　　　　　password　　　　　　密码

　　　　　　email

　　　　　　date

 

　　　　　　radio　　　　　　　　单选框

　　　　　　checkbox　　　　　　复选框

 

　　　　　　button　　　　　　　　普通按钮

 

　　　　　　submit　　　　　　　　提交

　　　　　　reset　　　　　　　　　重置

　　　　2，select

　　　　　　1，select

1 <form action="http://127.0.0.1:80" method="post">
2     <select name="city" id="city" multiple=True>
3         <option value="1">北京</option>
4         <option value="2">深圳</option>
5         <option value="3">上海</option>
6         <option selected="selected" value="4" >武汉</option>
7     </select>
8 </form>

View Code

 

　　　　3，textarea

1 <p><label for="t1">简介</label>
2     <textarea id="t1" name="input"  cols="30" rows="10"></textarea>
3 </p>

View Code

 

　　

　　　　

转载于:https://www.cnblogs.com/ruoxiruoxi/p/9761705.html