HTML的使用

一、简介

HTML是一门语言，许多网页都是由HTML编写的。

HTML（HyperText Markup Language）超文本标记语言：由标签构成的语言

超越了文本的限制，可以定义图片，视频，音频。

HTML运行在浏览器上，HTML标签由浏览器解析。

例：<img>==》展示图片

W3c标准：网页主要由三部分组成：

结构：HTML

表现：css

行为：javascript

二、HTML的快速入门

1.新建文本文件，后缀名改为html

2.编写html标签

3.在body中定义文字

三、标签

1、基本标签

（1）<h1>-<h6> 定义标题， h1最大，h6最小

<font>定义文本的字体（face），尺寸（size），颜色（color）

<b>粗体

<i>斜体

<u>下划线

<center>居中

<p>段落

<br>折行

<hr>水平线

<!--     -->注释

（2）html表示颜色

1.英语单词：red

2.rgb（值1，值2，值3），值的范围：0~255

3.#值1 值2 值3：值的范围：00~FF（十六进制）

2.图片，音频，视频标签

<img>图片 src:资源路径，height：高度，width：宽度 尺寸单位：px：像素，百分比：eg.height=“120%”

<audio>音频 src，controls：显示控件

<video>视频

资源路径：1.绝对路径：完整路径 2.相对路径：相对位置关系

3.转义字符

4.超链接标签：

<a>定义超链接

href：指定访问资源的URL

target：指定资源打开的方式

        _self：默认值，在当前页面打开

        _blank：在空白页面打开

5.列表标签：

<ol>定义有序列表

<ul>定义无序列表

<li>定义列表项

type设置项目符号

6.表格标签：

<table>定义表格：border：定义表格边框的宽度，width：规定表格的宽度

cellspacing：规定单元格之间的空白

<tr>定义行 align：定义表格行的定义方式

<td>定义单元格 rowspan：纵向合并单元格，colspan：横向合并单元格

<th>定义表头单元格

先定义行再定义表头

eg.

<table>

 <tr>

        <th>...<th>

 </tr>

</table>

7.布局标签：（与css一起使用）

<div>:会占满整行

<span>:用于组合表内元素

8.表单标签：在网页中主要负责数据采集功能

使用<form>标签来定义表单

action：规定当提交表单时向何处提交表单数据URL

method：规定用于发送表单数据的方式

        get：浏览器会将数据直接附到action URL的后面(4kb,大小有限制）

        post:放到http消息请求体后，大小无限制

9.表单项标签：

<input>通过type属性控制输出形式

<select>下拉列表，<option>定义列表项

eg.<select name="...">只有name才能接收