html--心得2

来源:互联网 发布:域名防红源码 编辑:程序博客网 时间:2024/05/23 20:28

1.列表类型        标记符号
  定义列表          dl
  无序。。          ul
  目录。。          dir(已废弃,ul代替)
  菜单。。          menu(已废弃,ul代替)
  有序。。          ol
2.<dl>
  <dt>名称</dt>      
      <dd>说明</dd>
      <dd>说明</dd>
      <dd>说明</dd>
  <dt>名称</dt>
      <dd>说明</dd>
     <dd>说明</dd>
     <dd>说明</dd>
  …
</dl>
3.<ul>    ol同ul用法一样
  <li>项目名称</li>…
  <li>项目名称</li>…
  <li>项目名称</li>…
  …
<ul>
 <ul>:符号标签(○●■)
 type属性:disc   ●  ( 默认)       circle   ○             square  ■
 如果想做出效果更好的列表,如:黑色圆点用图片表示,就用到CSS
 <ul type="">
4.超链接中所谓URL(Uniform Resource Locator)指统一资源定位符,通常包括三个部分:协议代码、主机地址、具体的文件名。
  创建超链接的标签为<a>和</a>,使用格式如下:
  <a href=“资源地址”   target=“是否在新窗口显示”   title=“指向链接时显示的文字”>  链接名称</a

  _parent 在上一级窗口中打开,一般使用分桢的框 架页会经常使用
  _blank 在新窗口打开
5.AA。。..绝对路径:包含了标识Internet上的文件所需要的所有信息,包括完整的协议名称、主机名称、文件夹名称和文件名称。
  外部链接,指的是跳转到当前网站外部,与其他网站中的页面或其他元素之间的链接关系。一般使用绝对路径,要有完整的URL路径。
格式为:
通信协议://服务器地址:端口号/文件位置…/文件名
http://ww.sina.com.cn/web/index.html
<a href=“htttp://221.192.237.88:82/main/user/”>Java精品课</a>

  _self 在同一个框架或窗口中打开,该项一般不用设置
  _top 在浏览器的整个窗口中打开,忽略任何框架
BB。。..根路径:根路径文件夹地址的写法,首先以一个斜线开头,代表根目录,然后书写文件夹名,最后书写文件名。例如,/myweb/index.html但多数情况下,不建议使用此中链接形式。(因为不确定对方的位置)
CC。。..相对路径:是以当前文件所在路径为起点,进行相对文件的查找。
相对路径 含义
href=“index.html” index.html是本地当前路径下的文件
href=“web/index.html” Index.html是本地当前路径下web子文件夹下的文件
href=“../index.html” index.html是本地当前文件夹的上一级文件夹下的文件
Href=“../../index.html” index.html是本地当前文件夹的上两级文件夹下的文件
6.锚记标签用于使用户“跳”到文档的某个部分
HTML 的 NAME 属性用于创建锚标记  为达到这种跳转效果,请在 HREF 参数中使用该标记
7.发送E-mail:在html页面中,可以建立e-mail链接,当浏览者单击链接后,系统会启动默认的本地邮件服务系统发送邮件,格式为:
<a href=“mailto:e-mail地址?subject=邮件主题”> 描述文字
</a>
<a href=“mailto:zhangsan@126.com?subject=一个消息”>
 联系我
subject:电子邮件主题     cc:抄送收件人
body:主题内容                bcc:暗送收件人
多个参数间用“&”分隔
8.LINK 颜色的设置
基本格式:<body link=”颜色” alink=”颜色” vlink=”颜色”>
link 超链接尚被选中的文字
alink 超链接点选但未被放开的颜色
vlink 超链接已被点选过的颜色
9.<img>标签:用于在网页中插入图像内容。
在 HTML 中,<img> 标签没有结束标签。在 XHTML 中,<img> 标签必须被正确地关闭。
<img src=”URL” usemap=””></img>
src属性:用于设置图像文件的相对或绝对URL地址。
HTML的图像文件类型有以下三种:
GIF:是图形和图片的最佳格式,适用于透明或动画图形。
JPG或JPEG:更适合存放照片
PNG:拥有许多JPEG与GIF的共同优点,所以最近越来越流行。
***图像文件名的路径分为绝对路径和相对路径两种:
绝对路径指的是将图像文件的全部路径都写出来,一般用于显示其他网站上的图像文件。
相对路径就是写出相对于当前html文件所在的目录,一般用于图像文件在本网站中的情况。例如,
src=“face1.jpg”  
src=“images/face1.jpg”
src=“../face1.jpg”
src属性值以/开始,表示从根目录开始
10.通过设置width属性和height属性可以控制图像的显示宽度和高度,他们的长度单位可是百分比,也可是像素。
   Width属性和height属性的设置只是改变了图像的显示尺寸,图像文件的实际大小不会因此而发生变化。如果width和height的设置值和图像实际尺寸不一致时,还会影响图像的显示效果。
   因此,图像的大小应该在图像处理软件中进行调整。设置width和height的另一个好处是他们可以在图像被完全下载之前让浏览器知道该用多大的空间来显示图片,这样浏览器可以更快显示出美观的页面。
  @ SRC 属性用于指定要插入的图像位置。
  @ ALIGN 属性用于指定图像相对于文本的对齐方式。
  <img>下的属性:
  属性名称        属性值           说明
    src             url           图片的路径
  图片的注解:
    alt            字符串          给图片做注解
  图像边框的设置:
   border           数字           图像边框(可通过border=“0”去掉边框

11.map的语法:
<img src=”URL” usemap=””></img>
<map name=””>
<area shape=”” cords=” , , , ” href=”URL”>
</map>
?  <img>标记表示插入图像文件,src表示插入图像的路径;
?  <map>标记表示插入图像映射;
?  <area>标记表示图像映射区域;
?  shape属性表示映射区域形状:

? “rect”表示矩形区域;
? “circle”表示椭圆形区域;

? “poly”表示多边形区域;
?  cords表示感应区域的坐标。


 

原创粉丝点击