html的第二堂课

1、

 

2、插入定义列表:

       <dl>
          <dt>名称</dt>
              <dd>说明</dd>
              <dd>说明</dd>
              <dd>说明</dd>
      <dt>名称</dt>
            <dd>说明</dd>
            <dd>说明</dd>
            <dd>说明</dd>
       …
     </dl>

3、无序列表<ul>

       <ul>
           <li>项目名称</li>…
           <li>项目名称</li>…
           <li>项目名称</li>…
           …
      <ul>

 <ul>:符号标签(○●■)
     type属性:disc   ●  ( 默认)       circle   ○             square  ■
       如果想做出效果更好的列表,如:黑色圆点用图片表示,就用到CSS。

    例:

          <ul type="circle">
             <li>Apples</li>
             <li>Bananas</li>
            <li>Lemons</li>
            <li>Oranges</li>
         </ul> 

5、插入有序标签<ol>

         <ol>                                                                                   

              <li>项目名称</li>…                   
              <li>项目名称</li>…
              <li>项目名称</li>…
              …
        </ol>            <ol>的属性

                    
  例:<ol type="1">

              <li>名称</li>

         </ol>

6、嵌套有序与无序列表

         

<html>
<head>
<title>列表的使用</title>
</head>

<body>
<ul type="square">
<li>水果类
    <ol type="A">
      <li>苹果</li>
      <li>香蕉</li>
      <li>桔子</li>
    </ol>
</li>     
<li>蔬菜类
  <ol type="I">
      <li>罗卜</li>
      <li>白菜</li>
      <li>土豆</li>
  </ol>   
</li>
</ul>
<hr width="100%" color="#CC0066" height="1"/>
<ul type="disc">
 <li>联系人</li>
 <li>联系地址</li>
 <li>邮政编码</li>
</ul>

</body>
</html>


效果:

   

 8、 创建超链接:

标签为<a>和</a>,使用格式如下:

<a href=“资源地址”   target=“是否在新窗口显示”   title=“指向链接时显示的文字”>   链接名称 </a>

target的属性值

_parent 在上一级窗口中打开,一般使用分桢的框架页会经常使用
_blank 在新窗口打开
_self 在同一个框架或窗口中打开,该项一般不用设置
_top 在浏览器的整个窗口中打开,忽略任何框架

9、

连接路径:
   绝对路径:D:/文件夹/
   相对路径:1、同一文件夹下直接写文件名
             2、当前文件在链接文件的上一级文件夹:文件夹名/文件名
                     当前文件在连接文件的上两级文件: 文件夹名/文件夹名/文件名
             3、当前文件在连接文件的下一级文件:../  文件夹名/文件名

链接到同一文档的某一部分
   name属性用于创建锚标记:<a name="名">主题名</a>(链接的字)
                      锚点:<a href="#名">主题名</a><转到的位置)


链接颜色设置
  <body link="颜色" alink="" vlink="">
LINK 颜色的设置
基本格式:<body link=”颜色” alink=”颜色” vlink=”颜色”>
link 超链接尚被选中的文字
alink 超链接点选但未被放开的颜色
vlink 超链接已被点选过的颜色

 


发送E-mail:在html页面中,可以建立e-mail链接,当浏览者单击链接后,系统会启动默认的本地邮件服务系统发送邮件,格式为:
<a href=“mailto:e-mail地址?subject=邮件主题”> 描述文字
</a>
<a href=“mailto:dhw@126.com?subject=一个消息”>
 联系我
</a>
<a href="mailto:邮箱地址?subject="邮箱主题">fdhgdhb</a>10、转到邮箱的代码

发送E-mail:在html页面中,可以建立e-mail链接,当浏览者单击链接后,系统会启动默认的本地邮件服务系统发送邮件,格式为:
<a href=“mailto:e-mail地址?subject=邮件主题”> 描述文字
</a>
<a href=“mailto:dhw@126.com?subject=一个消息”>
 联系我
</a>

11、插入图片

<img src=“图片名 ></img>

         

 图片的连接:

<a href=”图片地址"><img border="0" src="图片名" width="100" height="100"/></a>

 

图像映射:

   基本语法:

<img src=”URL” usemap=””></img>
<map name=””>
<area shape=”” cords=” , , , ” href=”URL”>
</map>

 例:<img src="yu.jpg" height="100" width="100" border=0 usemap="#ing"/>
<map name="ing" id="ing">
  <area shape="circle" coords="55,46,10" alt="hu" href="D://html/s.jpg" />
</map>

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值