HTML基础知识

今天跟大家分享一下一些HTML的基础知识

1、html文档的基本结构：

2、HTML标记的语法

(1)、

注：没有h7哦

（2）、字体标记

<p></P>：段落标记，标识一个段落。

<i></i>或<em></em>：设置文本字体的倾斜效果

<b></b>或<strong></strong>：设置字体的加粗效果

<u></u>：设置文本加下划线

<br>：设置字体换行

<hr>：设置水平线

（3）、字符实体

&nbsp：不换行空格

3、列表

HTML中有三种列表，分别是：无序列表，有序列表，自定义列表

（1）、无序列表

<ul>

        <li></li>.........

</ul>

（2）、有序列表

（3）、自定义列表

4、超链接和图像

（1）、语法：

<a href=“目标文件路径及全称或者连接地址” title=“提示文本”>链接文本或图片</a>

<a href="#">空链接</a>

说明：

href 部分中url后边跟的是链接页面的路径(包含文件名) title属性,加入这个属性后,当鼠标移动到热点时,则在鼠标下方显示title的内容;

target  属性参数定义了打开链接的目标窗口。 _blank -- 在新窗口中打开链接 页面（会保留原窗口） _self -- 在当前窗口打开链接页面，此为默认值

（2）、插入图片

语法：<img src=“图片的路径” border=“边框" alt="图片替换文本" title="图片标题" width="" height="" />

说明：属性src表示图片的来源（存放路径）

border属性标识了图片的边框 width和 height设定其图像在页面上显示的宽度和高度。

title的作用: 鼠标悬停在该图片上时显示的信息，鼠标离开就没有了，HTML的绝大多数标签都支持title属性，title属性就是专门做提示信息的，图片标题；

alt:当图片不显示的时候，提示的信息。用户体验较好