设为首页 加入收藏

TOP

【day02】Xhtml(一)
2019-10-09 20:01:30 】 浏览:71
Tags:day02 Xhtml

一.HTML实体(HTML Entites)
 1.HTML实体:W3C规定在浏览器看到的特殊符号必须用HTML实体
  单引号(') ===== '
  双引号(") ===== "
 大于(>)   ===== >
 小于(<)   ===== &lt;
 连接符(&) ===== &amp;
 不间断空格 ===== &nbsp;
 版权         ===== &copy;

 商标         ===== &reg;

二.图像
  1.浏览器支持的图像格式
   gif:支持动画,支持透明,支持256种颜色
   png:不支持动画,支持透明,支持256种,1670万种,或更多。
   jpg/jpeg:不支持动画,不支持透明,1670万种颜色
  2.格式
   <img src="图像URL" alt="描述"  width="宽度" height="高度"border="边框"/>
    说明:
    a. img 标记 src alt属性必须写
    b. 设置 宽度和高度不会影响图像的实际大小
  3. 路径
   (1)绝对路径:协议名称,主机名称,目录名称及文件名称组成
       http://www.sohu.com/images/1.jpg
   (2)相对路径:由当前操作的文档开始的路径
           同级: 当前文档和目标文档在同一个目录下
         <img src="1.jpg" alt=""/>
         <img src="./1.jpg" alt=""/>
           下一级:当前文档进入文件夹找到目标文档
         <img src="images/2.jpg" alt=""/>
           上一级:当前文档跳出文件夹找目标文档
         <img src="../1.jpg" alt=""/>
   (3)根相对路径:从服务器主目录开始的路径  '/'
         <img src="/psd1608/1.jpg"/>
 
三.列表(Lists)
  (1)无序列表
    <ul type="disc默认值|square|circle">
       <li>...</li>
       <li>...</li>
       ...
    </ul>
  (2)有序列表
    <ol type="1默认值|a|A|i|I" start="开始数字编号">
       <li>...</li>
       <li>...</li>
       ...
    </ol>
  (3)自定义列表
     <dl>
        <dt>列表项名称</dt>
        <dd>列表项描述</dd>
        <dd>列表项描述</dd>
        ...
     </dl>
四.超链接(Anchor)
 1.超链接能做什么:实现页面跳转
 2.链接元素:文字,图像,热点
 3.格式
   <a href="目标文档URL" target="窗口形式">
   ...
   </a>

 



 4.target窗口形式
   (1) _self :默认值,目标文档以自身窗口形式打开
   (2) _blank:目标文档以新窗口 形式打开
   (3) _parent:目标文档以父级窗口形式打开
   (4) _top:目标文档以顶级窗口形式打开
   (5)框架名称:目标文档以框架名称所在窗口形式打开
 5.href的形式
   (1)链

首页 上一页 1 2 下一页 尾页 1/2/2
】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
上一篇前端基于VUE的v-charts的曲线显示 下一篇JavaScript HTML DOM 节点

最新文章

热门文章

Hot 文章

Python

C 语言

C++基础

大数据基础

linux编程基础

C/C++面试题目