html基础2

• 表格

1、table--表格标签

2、双标签

3、tr---table row(行)

     td---table cloumn (列)

4、边框的增加---border

5、cellspacing--盒子与边框的距离

6、cellpadding--改变盒子的内边距(改变表格的大小)

7、th---代表表头(文字加粗)

8、表格内容区分：

      类似于html骨架结构(只做语义化的区分，但是在合并单元格会出问题)：thead、tbody、tfoot

9、caption---表格的标题(刚好在表格的正中间)

10、合并口诀：

        colspan：左右合并（跨列合并）

        rowspan：上下合并（跨行合并）

        合并谁去掉谁,除去自身空间再拿几个就去掉几个

   style="text-align:center"：表格中内容居中

 

• 特殊字符

• 列表标签

1、有序标签：ol

2、无序标签（最多使用）：ul

           <ul >

        <li>1x</li>

        <li>2x</li>

        <li>3x</li>

     </ul>

在ul后面加上style="list-style-type: none"，1x前面的小圆点就会消失

3、自定义列表：dl

           <dl>

        <dd>

            <dt>w</dt>

        </dd>

     </dl>

• 图片标签：

<img src="" alt="">

src:图片路径地址

alt：图片加载失败的时候给予提示文字

width/height：只给一个属性的时候，那么另外一个高/宽也会给相同的值

链接标签和图片标签的结合使用：

 

1、form--表单代表提交内容

     action--提交的地址或者接口

     method--post（更安全）/get（更快）：是否有安全

<form action="">

</form>

2、input

   type--

   text--文本输入框

   password--密码

   radio--单选框

     使用单选框的时候要保持name值为一样的

3、label--选中内容达到选择的功能（for--id）

   checkbox--多选框

   file--文件提交

   image--自定义按键（提交的功能）

   submit--提交按钮

   reset--重置按键

   button--按键

4、select--option（选择下拉框）

5、texteara--文本域输入框（resize--是否支持下拉拖拽）

1、range--代表拖拽栏

2、date--日历

3、color--取色

4、url：输入必须是网址才能提交

5、emali：输入必须是邮箱

6、hidden：删除输入表单里的内容

placeholder--表示占位符，用于提示用户输入，当用户输入数据时，这个提示会自动消失

size--可以改变输入框的大小

disabled--将该表单不能输入任何内容

autofocus--表示页面加载时，input自动获得焦点

multiple--表示可以选择多文件上传

required--表示必填项，内容不能为空

header：定义文档的头部区域

nav：定义导航链接的部分

footer：定义section或document的页脚

article：定义页面独立的内容区域

section：定义文档的节（section、区段）

aside：定义页面的侧边栏内容

 

mark：用于定义带有记号的文本。在需要突出显示文本时可使用 <mark> 标签。

meter：定义度量衡，仅用于已知最大和最小值的度量。比如：磁盘使用情况，查询结果的相关性等。不能当做进度条使用。

min：规定范围最小值

max：规定范围最大值

value：规定度量的当前值，是必须的属性。可以用数值表示

low：范围界定的最低值

high：范围界定的最大值

 

embed可以用来插入各种多媒体，格式可以是Midi、Wav、AIFF、AU、MP3等，src为音频或视频文件的路径，可以是相对路径或绝对路径。

audio元素支持三种音频格式文件: MP3, Wav, 和 Ogg

video元素支持的三种格式，也可以原生的支持视频格式的文件的播放，当然，支持的格式是有限的

autopaly--自动播放

controls--播放控件

muted--静音

• 文字格式标签：
  • 表单标签
  • input新增属性
  • input新增样式属性
  • H5新增特性
  • datalist：定义选项列表，与input结合使用
  • fieldset：可将表单内的相关元素分组打包，与legend搭配使用
  • 新增属性
  • 多媒体标签
  • seo  title descripition keywords