关于HTML的标签记录 二

body

超链接的一点补充

<!-- target里面的属性值为_blank时另起一页
    为_self时刷新此页 -->
<a href="www.baidu.com" target="_blank"></a> 

输入标签

<!-- 单标签<input /> 
      type:
         text      文本
         password  密码
         radio     单选框不过要添加属性值相同的name
         checkbox   复选框
         file      选择文件
         button    普通按钮
         submit    具备提交数据的功能
         reset     清空表单
      其他属性：
         name      定义数据的一个名字
         checked   设置单选框中的默认被选中
         value     可以给输入框中设定一个初始值
    文本域
      <textarea>默认显示的文字</textarea>
    下拉框
      <select>
         <option>1</option> 
         <option>2</option> 
         <option>3</option> 
      </select> 

 -->
  账号<input type="text" name="username" /> <br />
  密码<input type="password" name="password" /> <br />
  性别<input type="radio" name="garden" checked="checked" />男<input type="radio" name="garden" />女 <br />
  爱好<input type="checkbox" name="hobby" checked />篮球
      <input type="checkbox" name="hobby" />足球
      <input type="file" /> <br />
个人简介<textarea>默认显示的文字</textarea> <br />
       <select>
         <option selected="selected">1</option> 
         <option>2</option> 
         <option>3</option> 
      </select> <br />
      <input type="submit" value="提交" />
      <input type="reset" value="清空" />

表单标签

<!-- method中的属性值
       get:数据承载量少，数据显示在地址栏上，仅能放文本，不安全
       post:数据承载量大，可放文字和文件，较安全
        -->
<form action="...地址" method="get"></form>

表单控件通用属性（补充）

1. autofocus：页面加载后文本区域自动获取焦点
2. form：规定文本区域所属的一个或者多个表单
3. placeholder：描述文本区域的简短提示
4. disabled：规定禁用该文本区
5. readonly：规定文本区为只读
6. maxlength/minlength：规定文本区域的最大字符数（input和textarea）
7. required: 应用在大多数输入框上，提交时，若为空白，则不允许提交

iframe标签

<!-- iframe标签可将多个页面整合到一个页面之中
		其中可通过a标签中的属性target实现本地页面跳转 -->
		<iframe src="http://www.baidu.com" width="40%" height="400px" name="bd"></iframe>
		<iframe src="http://www.taobao.com" width="40%" height="400px" name="tb"></iframe>
		<a href="http://www.baidu.com" target="bd">百度</a>
		<a href="http://www.taobao.com" target="tb">淘宝</a>

frameset和frame`

	<frameset rows="190px,*,250px">
		<frame src="top.html" />
		<frameset cols="100,*">
			<frame src="超链接.html" />
			<frame src="http://www.baidu.com" name="tz"/>
		</frameset>
		<frame src="foot.html" >
	</frameset>

块标签和行内标签

块标签：在页面上独占一行的标签
行内标签：在页面上不会独占一行的标签

span：行内标签，一般在网页上用于划定一个范围，结合css来展示页面一定范围的显示效果
div：块标签，一般用于网页布局

其他补充

header：顶部做标题或者logo

footer ：做底部、脚注等

article：做页面主体部分，也可做插件

header和footer可代替div做页面顶部和底部

hgroup：装多个标题

address：呈现联系信息

section：对页面上的内容进行分块，通常由标题和内容组成

nav：用于做页面导航的连接组（应用场景：侧边栏导航、传统的导航条、翻页操作等）

aside：做页面的附属信息（如广告、导航条等）

time：表示某个时间或日期（允许带时差）

pubdate属性：time中的属性

<!--补充：
textarea中的属性值：
            rows     行高
            cols     列宽
            action   数据提交的地址
            method   数据提交的方式
-->
<!--补充：
lable属性及其属性值：
      lable为表单控件（为textarea、input设置）定义标注（可以理解为在输入框之前显示的内容）
            for     规定lable绑定到哪个表单控件（属性值是设置的id） 
-->
<!--补充：
      	<select>
      		<optgroup lable="以下为数字">
      			<option>1</option>
      			<option>2</option>
      			<option>3</option>
      		</optgroup>
      		<optgroup lable="以下为字母">
      			<option>A</option>
      			<option>B</option>
      			<option>C</option>
      		</optgroup>
      	</select>
-->
<!-- input属性补充：
	        pattern(对输入的文本进行校检)    [0-9]{2-5}(输入的只能为2到5位数字)
	          补充：下拉框中的属性：
            multiple   设置多选
            size       设置显示的的项数（属性值1-3）
-->