前端视频-day2

作者: Miio_ | 来源:发表于2017-09-25 09:29 被阅读9次

    xml介绍

    通俗的讲xml为了数据而存在的。
    文档类型简单理解为不同的html
    html第一行是用来声明当前用的的html是哪个版本,html版本4.0后数字版本号基本固定,但又分化为3个文档类型,xml也有3个文档类型

    严格型:
     <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    
    过渡型:
     <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    框架型:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
    

    链接标签

      <a href=”设定链接的目标网页文件url” target=”设定要打开该网页的浏览器窗口的名字” >内容部分</a>
    

    浏览器窗口的名字和含义:

      _blank:  新的窗口(空白窗口)
      _self:   当前网页本身这个窗口
     _parent:  当前窗口的“上一级”窗口 ——学frameset的时候才能应用上。
      _top:  当前窗口所在的窗口层级中的最顶层那个窗口   ——学frameset的时候才能应用上。
    

    target如果没有设定,则现在通常的默认值是_self.

    url值“链接地址”

    绝对地址:有本地绝对地址和互联网绝对地址。
    相对地址:./代表当前地址,../代表当前网页上一层地址,/代表最顶层地
    

    址。

    链接的变种形式----锚点:

    锚点是指一个网页中的某个位置。
    锚点的作用是让用户在一个比较长的网页中可以快速定位其所需要的内容(位置)。
    锚点的实现需要由两个a标签来配合使用:
    设定锚点的链接:

        <a  href=”#锚点名” >内容部分</a>
    

    设定锚点的名字(锚点位置):

        <a name=”锚点名”></a>
    

    其他相关标签:

       link:用于引入其他文件,主要是css文件。
       base:用于设定当前网页中的所有a链接的目标打开窗口: <basetareget=”_blank” />
    

    这两个标签都在head标签中使用。

    图片标签

    <img src=”图片文件的路径url” alt=”设定图片的描述信息” width=”100” height=”50” border=”1” align=”left || center || right” />

    alt属性:主要给搜索引擎使用使索搜引擎可以“识别”该图的具体内容。
    border:用于设定图片的边框线的“粗细”,单位还是px。
    align:用于设定图片的定位方式:靠左,剧中,靠右
    

    图像映射技术

    图像映射,是指在一张图片上产生多个不同的链接,也就是指在图片上的不同位置。
    图像映射技术需要使用一张图片,以及一个可以对该图片进行“区域划分”的map标签实现,划分出的每个“小”区域可以单独设定链接。设定的小区块可以有3种形状:
    形式:
    <area shape="设定形状" coords="坐标尺寸之类" href="设定
    该区域的链接 " >

       矩形:
        <area shape="rect" coords="矩形的左上角坐标和右下角坐标" href="01图片标记.html" >
       圆形:
        <area shape="circle" coords="圆心的坐标和半径" href="01图片标记.html" >
    多边形:
        <area shape="poly" coords="连续的点的坐标" href="01图片标记.html" >
    

    通常坐标是以“左上角”为原点,向右为x正方向,向下为y正方向。

    多媒体及相关插件介绍

    网上的声音视频基本上是通过flash这个技术来实现表现的,下面是引入MP3

     <objekt classid=”clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95”width=”300” height=”300”>
     <param name=”filename” value=”abc.mp3”/>
     <param name=”autostart” value=”false”/>
     <embed autostart=”false” src=”abc.mp3” width=”232” height=”232”>
     </embed>
     </obbject>
    

    表格技术初步

    表格使用如下3个标签搭配以形成完整的表格基本表现:

     <table>
          <tr>
            <td>这个td中才是放置具体“内容部分”的区域</td>
          </tr>
     </table>
    

    table常用属性

    width:设定表格的宽
    height:设定表格的高
    border:设定表格的边框线
    cellpadding: 设定单元格中的内容与单元格的边框线之间的“间距”,单位是px
    cellspacing: 设定相邻的两个元格的边框线之间的“间距”,单位是px
    bgcolor:设定表格的总体上的背景颜色
    background: 设定表格的总体上的背景图
    align: 设定表格总体上的定位方式。
    bordercolor:设定边框线的颜色
    

    td常用属性:

    width:设定单元格的宽
    height:设定单元格的高
    bgcolor:  设定单元格的背景颜色
    background: 设定单元格的背景图
    align: 设定单元格中的内容的水平对齐方式
    valign: 设定单元格中的内容的垂直对齐方式
    colspan:  设定单元格可横跨的列数。
    rowspan:  设定单元格可横跨的行数。
    

    td设定普通单元格
    th设定标题单元格
    作为表格“table”,其内部的所有行还可以进一步进行“表格区域划分”,通常有3种形式的表格区域:

    thead:代表表格的“头部”区域,其中可以放置tr(及其下属)标签。
    tbody:代表表格的“中部”区域(主体区域),同样可以放tr——所有没有明确使用分区标签归到某个区域的tr标签,都自动隶属于tbody分区。——也就是说,tbody有可能自动出现。
    tfoot:代表表格的“尾部”区域,同样可以放tr。
    

    表格标签的关系总结:

    总结.png

    字符实体

    字符实体其实就是用某种特殊的符号来代表某种具有特定含义的字符。
    常用的几个字符实体:


    image.png

    用了几天时间吧day2的视频全都看完然后一次性把知识点都罗列出来,这几天看的其实大部分知识点在上学期已经学过了,看了这次又让自己差不多算复习了一下之前学的,更加深了对这些知识点的记忆,也检查出来自己之前学的那块不太熟,找到加固哪块的方向。

    相关文章

      网友评论

        本文标题:前端视频-day2

        本文链接:https://www.haomeiwen.com/subject/jkilextx.html