H5第二天学习总结

有序列表标签：

显示学生姓名列表：

Ol：order  list（排序。有序的）  li:list（序列，列表）

<ol>

<li>学员1</li>

<li>学员2</li>

<li>学员3</li>

</ol>

Ol有个属性叫type：可选值有a、A、i、I、1

 

无序列表标签：

ul：unorder  list（排序。无序的）  li:list（序列，列表）

<ul>

<li>学员1</li>

<li>学员2</li>

<li>学员3</li>

</ul>

 

定义列表标签：

<dl>：Define  list

<dt>：Define  title  

<dd>：Define  description

<dl>

<dt>HTML</dt>

<dd>超文本标记语言，是HyperTextMarkupLanguage的缩写；</dd>

</dl>

 

 

行内标签和块级标签：

行内标签：没有自己的宽度和高度，不会独自占用一行，标签本身的宽度和高度是靠内容撑起来的；常见的行内标签：b、u、a、i、span等；生活：气球，袋子；

 

块级标签：有宽度和高度，会独自占用一行；常见的块级标签有：p、ol、ul、table等；生活：盒子、箱子；

 

Img：行内的块级标签；

 

Div：块级标签，多用于布局，DIV+CSS；

 

表单标签：form  è from    data->date

 

<form></form>

Form标签的属性：

Action：处理表单数据的地址；

Method：默认值是GET，还有一个可选值是POST；

GET的时候，数据是直接通过链接传递的，也就是说你填入的数据会出现在地址栏里面；同时传输的数据有大小限制；

POST的时候数据会在后台传输，数据不会出现在地址栏里面；数据基本没有大小限制；

 

Input： 内容输入标签

属性：

type：指定输入信息的类型，：

type=”text”：文本信息输入框；

type=”radio”：单选按钮，一组单选按钮他们的name属性值必须一样；

type=”checkbox”：复选框，可以选中多个；

type=”submit”：提交表单数据到处理页面；

type=”reset”：恢复表单到原始状态；

type=”password”：输入的数据会是加密视觉效果；

type=”button”：普通的按钮；

 

name：指定输入信息的名字，以便和其他输入框进行区分，如：name=”username”；

placeholder：提示信息;

value:指定输入的内容；

textarea：多行文本标签

name属性指定名字；

cols：指定文本框的宽度；

rows：指定多行文本的高度；

闭合标签，设置默认值需要把默认值放在标签之间；

 

select：下拉框

选项用option标签，闭合标签;

<select name="city">

<option value="beijing"></option>

</select>