HTML-Day2

目录

一.注释标签和特殊字符

二.表格标签

三.列表标签

四.表单标签

---

一.注释标签和特殊字符

注释：<!--   -->  快捷键：CTRL+/

特殊字符：大于：&gt;

                  小于：&lt;

                  空格：&nbsp;

二.表格标签

cellpadding:单元格与内容之间的空白，默认一像素

cellspacing:单元格与单元格之间的空白，默认两像素

align:表格的对齐方式

border:表格的边框，默认无

rowspan:跨行合并

cowspan：跨列合并

注意：合并后要删除多余单元格

三.列表标签

1.无序列表（重点）,各级并列，ul中只能嵌套li,li中可以放任何标签，除本身

<ul>

   <li></li>

   <li></li>

</ul>

2.有序列表（理解），同上

<ol>

   <li></li>

   <li></li>

</ol>

3.自定义列表，一个标题下面有很多对于它本身的描述

<dl>

<dt>名词</dt>

<dd>名词解释1</dd>

</dl>

四.表单标签

1.目的：为了收集用户信息

2.组成：表单域，表单控件（元素），提示信息

3.表单域:把表单元素信息提交给服务器

<form action=“demo.php” method=“post” name="form1"></form>

属性：

1.action：url地址

2.method:get/post(提交方式）

3.name:名称（用于指定表单域名称）

4.表单控件（表单元素）

a.<input />输入表单元素

输入控件,属性：type，name（定义表单元素的名称）,value(表单元素的值或者后台人员接收到的值，如果想用户打开页面就默认显示几个文字可以用该属性）

属性值：

1.type="radio":单选框,要实现单选框只选一个的效果，要添加name属性，为各个单选框添加上一样的名字

2.type="checkbox":要实现多框的效果，要添加name属性，为各个多选框添加上一样的名字

注意：单选和复选可以设置checked属性，实现浏览器首次加载就可以默认选中这个按钮

maxlength设置输入字符的最大长度（了解）

name和value主要给后台人员使用

3.type="submit":提交按钮，通过value值赋值，传给后台服务器 

4.type="reset":重置按钮，清除表单中所有数据

5.type="button":普通按钮，后期结合js使用

6.type="file":文件域，上传文件时使用 

<label>标签:用于绑定一个表单元素，当点击<label>标签内的文本时，浏览器自动将焦点（光标）转到或者选择对应的表单元素上，增加用户体验。属性：for

b.<select>下拉表单元素

 

注意：至少包含一对，定义select="selected",当前默认选中

c.<textarea>文本域元素

当用户输入较多的文本时使用