IT新手入门,零基础学IT,转行做IT,IT行业的职位选择,你我一同探讨!

IT新手入门网给你介绍IT行业的职位有哪些,让你转行做IT不发愁,IT入门有捷径

当前位置: 主页 > 技能提升 > PHP开发 > 学习html之html语言基础(第七天)

学习html之html语言基础(第七天)

时间:2017-01-18 08:29来源:原创 作者:恪己 点击:
一.图像 1.浏览器支持的图像格式 (1)jpg:不支持动画,不支持透明,1670万种颜色 (2)png:不支持动画,支持透明,256种或 1670万种颜色或更多 (3)gif:支持动画,支持透明,256种颜色 2.格式 img src=图像
一.图像
  1.浏览器支持的图像格式
    (1)jpg:不支持动画,不支持透明,1670万种颜色
    (2)png:不支持动画,支持透明,256种或 1670万种颜色或更多
    (3)gif:支持动画,支持透明,256种颜色
  2.格式
    <img src="图像URL路径" alt="描述"
      width="宽度" height="高度" border="边框"/>
  3. 路径
    (1)绝对路径:由协议名称,主机名称,及目录和文件名称组成.
        <img src="http://www.sohu.com/images/1.jpg" alt=""/>
    (2)相对路径:由当前文档开始的路径
                 同级: 当前文档和目标文档在同一个目录
         <img src="1.jpg" alt=""/>
         <img src="./1.jpg" alt=""/>
                 下一级:当前文档要进入文件夹名称找目标文档
         <img src="images/2.jpg" alt=""/>   
                上一级:当前文档跳出文件夹找目标文档
         <img src="../1.jpg" alt=""/>
    (3)根相对路径:由服务器主目录开始的路径 '/'开头
 
    说明:
     a. img标记种 src 和 alt属性不能省略
     b. 改变 图像的width和height不影响图像的大小
二.链接(Anchor)
 1. 什么是链接:跳转页面
 2. 链接元素:文本 ,图像 ,热点  
 3. 格式
   <a href="目标文档URL" target="窗口形式">...</a>
    说明:
     窗口形式target值
     a._self:默认值, 目标文档以当前窗口形式打开  
     b._blank:新窗口 ,目标文档以新窗口形式打开
     c._parent :父级窗口,目标文档以父级窗口形式打开
     d._top :顶级窗口,目标文档以顶级窗口形式打开
     e.框架集名称:目标文档以框架集名称所在窗口打开
三.列表(List)
  (1)无序列表
     <ul type="disc实心圆|square实心方块|circle空心圆">
       <li>...</li>
       <li>...</li>
       <li>...</li>
       ......  
     </ul>
  (2)有序列表
     <ol type="1默认值|a|A|i|I" start="起始数字编码">
       <li>...</li>
       <li>...</li>
       <li>...</li>
       ...
     </ol>
  (3)自定义列表
     <dl>
        <dt>列表项</dt>
        <dd>列表项描述</dd>
        <dd>列表项描述</dd>
        <dd>列表项描述</dd>
        ...
     </dl>    
四.表格(Table)
 1.作用:将数据放到格式化的结构中
 2.表格组成
   (1)父元素 : <table>...</table>
   (2)行  : <tr>...</tr>
   (3)单元格: <td>...</td> | <th>...</th>
  说明: 内容要写在单元格中。
 3.格式
  <table border="边框" width="宽度 像素值|百分比"

     

------分隔线----------------------------
栏目列表
推荐内容