• 课程回顾
  1. 什么是Internet
  2. 什么是网站
  3. 什么是网页
  4. 什么是HTML
  5. HTML的基本格式

 

 

  • 课程内容

上节课我们掌握了HTML基本标签

<HTML>

<HEAD>

<TITLE> 头部</TITLE>

</HEAD>

<BODY>

<H1>静夜思</H1>

<H2>李白</H2>

<H3>床前明月光</H3>

<H4>疑是地上霜</H4>

<H5>举头望明月</H5>

<H6>低头思故乡</H6>

 

静夜思<br>

李白<br>

床前明月光<br>

疑是地上霜<br>

举头望明月<br>

低头思故乡<br>

</BODY>

</HTML>

 

那这节课我们继续来学习HTML的标签定义和用法

  1. 预排版标记          <pre>预排版标记</pre>
  2. 段落标记

          <P align="left">左对齐显示<P>

          <P align="center">居中显示<P>

           <P align="right">右对齐显示<P>

     3.列表                     <ul><li></li></ul>、<ol><li></li></ol>

           <li> 标签定义列表项目。

           <li> 标签可用在有序列表 (<ol>) 和无序列表 (<ul>) 中。

          网页设计(二)

   4.图像                     <img>

网页设计(二)

网页设计(二)

5.字体                     <font>

 <font> 规定文本的字体、字体尺寸、字体颜色

网页设计(二)网页设计(二)

6.文本格式化标签   <b>、 <i>、 <u>、 <sup>、 <sub>

<b>这是粗体文本</b>

<i> 标签显示斜体文本效果。</i>

<u>对其使用下划线</u>

<sup> 包含在标签中的内容将会以当前文本流中字符高度的一半来显示 </sup>

<sub>包含在标签中的内容将会以当前文本流中字符高度的一半来显示</sub>

7.水平线                  <hr>   被水平线分隔的标题和段落

网页设计(二)网页设计(二)

8.特殊字符                <、 >、 &、“、 ¥、©、®

网页设计(二)

9.超级链接              <a href=“#”>我是超链接</a>

10.<marquee></marquee>

onMouseOut="this.start()"

onMouseOver="this.stop()"

onMouseOut="this.start()"

<marquee  direction="right" scoll="alternate"   scorllamount=20>

 

  • 作业:

        个人主页

相关文章: