HTML第一课----标题、段落、链接、图像

HTML第一课----标题、段落、链接、图像

一、HTML标题

HTML标题是通过定义的。
实例：

  <h1>这是一级标题</h1>  
  <h2>这是二级标题</h2>  
  <h3>这是三级标题</h3>

二、XTML段落

XTML段落是通过标签进行定义的。

实例：

 <p>这是一段文字</p>

三、HTML链接

XTML链接是通过标签进行定义的。在href中指定链接的地址。

实例：

<a href="http://www.baidu.com">点这里的文字可以跳转到链接</a>

（1）外部超链接（点击文字即可跳转到网页）

  <a href="http://www.baidu.com">百度一下</a>   

（2）内部超链接（点击文字即可跳转到链接，此链接指的是前面引用的链接对应的网页）

 <a href="lesson1.html">哥哥</a>  

（3）空连接（点击文字无法打开网页，因为这是一个空网页）

  <a href="#">猪猪</a> 

（4）图像链接（点击图像即可跳转到对应网页）

   <a href="http://www.baidu.com"><img src="p0.html" /></a>

四、XTML图像

XTML图像是通过标签进行定义的。
（1）插入普通图片
实例：
（插入文件夹下名为p0.jpg的图片）

<img src="p0.jpg" >

如果插入图片的路径错误，则会出现这种标志。

（2）带有alt替换文本(图片不能显示就显示文字)

 <img src="p0.jpg" alt="如果图片不能正常显示就会出现这行字"/>  

（3）带有title替换文本 （鼠标放在图片上面提示文字）

  <img src="p0.jpg" title="鼠标放在这里提示文字"/>