html基础巩固

一、行标签和 块标签和行内块标签

常见 行标签：a、span

可以多个标签存在一行，不能直接设置行内标签的高度、宽度

常见 块标签：p、div、h1~h6、form

独占一行，可以设置行内标签的高度、宽度

常见 行内块标签：img,input,textarea

不仅可以对宽高属性值生效，还可以多个标签存在一行显示

各种标签之间的转换：

块级标签转换为行内标签：display:inline;

行内标签转换为块级标签：display:block;

转换为行内块标签：display：inline-block;

二、常见标签使用方法

注释标签<!—这是注释 -->

转义标签 (&开始;结束) &lt;小于&gt;大于 &nbsp;空格&amp;&

图片标签 <img/>

         常用属性:

                 src:图片的路径

                 alt:图片加载不出显示的文字

                 title:指向图片显示的文字

                 width:宽

                 height:高

         大小的写法:

                  像素:123px

                  百分比:20%

         路径的写法:

                  相对路径:

                          ./或者 什么都不写  当前目录

                          ../  上一级目录

                  绝对路径: 常用

                          带协议的绝对路径:http://www.xxxx.com

超链接标签<a></a>

          常用属性:

                  href:跳转路径(“” 会刷新一下重新打开当前页面."#" 浏览器地址栏后面多加个#,不会刷新页面)

                   target:在哪里打开。 默认值:_self  ， 常用值:_blank(在空白页面打开即新页面打开)

表格标签<table></table>

         常用的子标签

                   <tr>:行(table row)

         <tr></tr>

                  常用子标签:

                          <td>:单元格(列) (table data)

                          <th>:表头单元格默认居中加粗(table head)

 table的常用属性:

                  border: 规定表格边框的宽度px

                  width: 规定表格的宽度 px %

                  cellpadding: 规定单元边沿与其内容之间的空白 px %

               cellspacing: 规定单元格之间的空白 px %

 tr的常用属性:

                  align:对齐方式

         td的常用属性:

                  align:对齐方式

                  colspan:跨列合并值:合并的列数

                  rowspan:跨行合并值:合并的行数

表单标签<form></form>

         作用:

                  用来从浏览器端收集用户的信息.

         常用属性:

                          action:信息提交的路径默认是当前页面

                          method:表单提交的方式,只需要掌握两种:get(默认)和post

                                         get和post的区别:

                                         1.get请求会把所有的参数追加在地址栏上,post请求不会

                                         2.get请求参数大小有限制,post请求参数大小没有限制

                                            3.post相对安全些

                    4.get相对快些

         常见的子标签

                         input

                         select:下拉选

                           textarea:文本域

                  input:

                          常用的属性:

                                   type:

                                            text:文本框默认

                                            password:密码框

                                            radio:单选框

                                            checkbox:多选框

                                            file:文件框

                                            submit:提交

                                            reset:重置

                                            button:普通按钮                                            

                                            hidden:隐藏域在页面上显示 提交的时候可以提交过去

                                            image:图片提交替代submit

                                   name:

                                            可以将几个单选框(复选框)设置为一组

                                            要想将信息保存到服务器上必须有name属性

                                   readonly:

                                            readonly="readonly"只读

                                   disabled:

                                            disabled="disabled"禁用

                                           

                  select :下拉选

                              格式:

                                   <selectname="pro">

                                            <option>北京</option>

                                   </select>

                 

                  textarea:文本域

                              常用的属性:

                                    cols:列

                                    rows:行

                                                  

                  提交到服务器的内容的格式:

                  name=value

                  对于文本框密码框 文本域 手写的内容传递过去了

                  对于单选框和多选框来说,却没有把值传递过去,要想把值传递过去必须设置value属性

                  若下拉选要想把选中内容的值传递过去,请加上value属性

                 

                  默认值:

                          文本框密码框:只需要添加value属性

                          单选框多选框:添加 checked="checked"

                          下拉选:添加selected="selected"