HTML复习-1

1.标题有六个：<h1>~<h6>
文字加粗独占一行，其中<h1>只能用一次

2.段落：<p> 段之间有空隙

3.换行：<br>

4.水平线：<hr>

5.文本格式化标签（双标签）

6.音频
在H5中，如果属性名与属性值完全一样，可以简写为一个单词
controls=''controls''即只写为controls

 <audio src="url" controls></audio>

常用属性

7.视频

    <video src="url" controls loop muted></video>

常用属性

8.列表
作用：布局内容排列整齐的区域
列表分类：无序列表、有序列表、定义列表

• 无序：ul嵌套li，ul是无序列表，li是列表条目。
  ul标签里只能包裹li标签，li标签里面可以包裹任何内容。
• 有序
  ol嵌套li，ol是有序列表，li是列表条目。
  ol标签里只能包裹li标签，li标签里面可以包裹任何内容。
• 定义列表：一般用于网页底部
  一个标题对应多个内容
  dl嵌套dt和dd，dl是定义列表，dt是定义列表的标题，dd是定义列表的描述/详情。
  dl标签里只能包裹dd/dt标签，dd/dt标签里面可以包裹任何内容。

   <dt>列表标题</dt>
   <dd>列表描述</dd>
   <dd>列表描述</dd>
   <dt>列表标题</dt>
   <dd>列表描述</dd>

  

9.表格
标签：table嵌套tr，tr嵌套td/th。

在网页中，表格默认无边框线，使用border属性可以为表格添加边框线。

• 合并单元格

10.表单
作用：登录页面、注册页面、搜索区域

• input标签

input标签的type属性值

占位文本：提示信息-----placeholder

    用户名：<input type="text" placeholder="请输入用户名">

-单选框radio

-file
默认情况只能上传1个文件，添加multiple属性可以实现多选功能

• 下拉菜单

select嵌套option，select是下拉菜单整体，option是每一项
默认选中是selected

• 文本域    textarea
   
• lable标签，增大表单控件点击范围，点击文字时也可以选中
  

   请选择你的英雄：
  <input type="radio" name="hero" id="batman"><label for="batman">蝙蝠侠</label>
   <input type="radio" name="hero" id="Superman"><label for="Superman">超人</label>

  

  请选择你的英雄：<label><input type="radio" name="hero" id="batman">蝙蝠侠</label>