HTML知识点总结 第一讲

1.html语言

HTML语言是超文本标记语言 ，由标记标签构成 分为单标签<标签名/>，双标签<标签名></标签名>

2.段落标签

<p> 段落标签</p>

3.标题标签

<h1>一级标题标签</h1>------共有h1--h6，h1最大，h6最小

4.列表标签

<ul><li>无序列表标签</li></ul>//list-style:none:使圆点消失

<ol><li>有序列表标签</li></ol>  <ol type = "i">按小写字母排序
1：按数字
I：按大写字母

<dl> <dt><dd>定义列表标签</dd></dt></dl>
<dl>
5.水平线标签

<hr>水平线标签

<hr width="500" align="right" color="red">
align(对齐）
left(左边）
right（右边）
center(居中）
color(颜色）
style（方式）

6.标签分类

标签分为块元素标签，内联元素标签。

块元素大多为结构性标记：

特点：
（1）.独占一行
（2）.宽度未设置时。受浏览器宽度影响
（3）.内边距，外边距，行高都可以设置
（4）.块元素可以嵌套任何元素 （p元素除外）

列如 ；<p>段落标签</p>   <h1>一级标题标签</h1>   <ul><li>无序列表标签</li></ul>   <ol><li>有序列表标签</li></ol>   <hr> 水平线标签   <div>区域标签</div>  等

行内元素（内联元素）大多为描述性标记：

特点：
1.能和其他元素在一行显示
2.行内元素的宽度只与内容有关，宽度的设置无效
3.行高,内边距，外边距只有部分可以进行设置
4.行内元素一般只能嵌套文本或者行内元素，行内块元素

列如

.<br>换行标签

<b>加粗标签</b>或<strong></strong>

<i>倾斜标签</i>或<em></em>

<del>中划线</del>或<s></s>

^上标

_下标

<span>行内段落</span>等等

7.特殊符号

&gt;和&lt; == ">"和"<"

&nbsp;   <   &ensp;   <   &emsp;  空格

8.图片标签

<img   src =" 图片路径" alt ="当图片出错时显示输入内容">  title  =  "当鼠标放上时会显示输入内容" width  =  "宽度"  height = "高度">

图片的路径：（1）.同级目录 ：方法一：直接输入路径  方法二：./图片路径

（2）不同级目录 ：   跳到与图片同级路径，然后输入图片路径（../图片路径/图片路径）

（3）根目录（如（绝对路径）C：/图片/021/lkui.jpg)

9.超链接

（1）<a  href="#"   target="_blank">内容区</a>

（2）<a  href="mailto:邮箱名">内容区</a>

（3）<a  href="URL地址">内容区</a>

（4）terget="blank"在新窗口打开
或
在head内加入:
<base  target = "_blank">作用：所有跳转都在新窗口打开
tatget(目标，指针）
blank(空白）
base(基础）

10.锚点链接

在指定位置设置id，利用超链接<a  href="#id名“>内容</a>
作用:跳转到指定id地址。

11.行内框架

<iframe src="http://www.taobao.com" frameborder="0" width="20%" ></iframe>

 frameborder(框架边框）“1”有边框，“0”无边框

 12.表格标签

<table>

<tr>（行）
     <th>标题</th>（列）
     <td>单元格</td>（列）
</tr>

</table>

在表格table里面可以写一写标签如：

（1).border="边框"

(2)cellspacing="单元格与单元格的距离

(3cellpadding="内容与单元格四周的距离”

(4.)bordercolor="边框颜色" 

(5).align(水平方向对齐方式）：eft(左对齐）right(右对齐） centre(居中）(申特)