HTML学习（一）

HTML标签主要分两种：

（1）有开始，有结束，用于封装数据的标签 例如：<font> </font>

（2）又开始，直接在内部结束，功能标签 例如：<br/>换行标签

常用标签：

1.字体标签font

2.标题标签<h1> <h2>...<h6>

3.列表标签<dl>

|----<dt>：上层项目

|-----<dd>：下层项目

有序的项目列表<ol>，每一个列表项都有<li>封装

无序的项目列表<ul>

举例：

<dl>

<dt><font color="green">爱看的电影</font></dt>

<ol>

<li> 大话西游</li>

<li> 功夫熊猫</li>

</ol>

<dt><font color="green">爱看的电视</font></dt>

<ol>

<li>太阳的后裔</li>

<li>父母爱情</li>

</ol>

</dl>

显示结果

爱看的电影

大话西游
功夫熊猫

爱看的电视

太阳的后裔
父母爱情

4.图像标签<img>

例如<img alt="我的照片" src="F:\图片\7176.gif" border="10"/>

其中，alt="图片说明文字" border用来设置图片的边框

src连接一个文件

5.表格标签<table>

组成：标题标签<caption>，给表格提供标题。

表头标签<th>，一般是对表格的第一行或者第一列进行格式化，加粗并且居中显示。

行标签<tr>

单元格标签<td>，加载行标签的里面。

6.超链接标签<a>

两种用法：（6a）超链接<a href=" ">

(6b) 定位标记<a name=" ">

小知识点;如何让超链接按照自定义的方式实现点击效果

步骤：（1）取消默认的点击事件 javascript:void(0)

(2)通过注册指定事件，定义处理方式，按照自定义的方式进行。

例如：<a href="javascript:void(0)" onclick="alert('哈哈 ')"> 这是链接</a>

7.框架标签<frameset>

特点：可以将浏览器窗口分割成多个子窗体。

1.将窗体分割<frameset>

2.一旦拆分，会出项子窗体，子窗体的标签<frame>

8.画中画标签<iframe>

9.表单标签<form>

表单标签是最常用的标签，主要用于与服务器端的交互。

<input>输入标签：接收用户输入的信息，其中type属性指定输入标签的类型，如文本框，密码框，按钮等