前端视频-day2

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 202,905评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,140评论 2 379
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,791评论 0 335
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,483评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,476评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,516评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,905评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,560评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,778评论 1 296
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,557评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,635评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,338评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,925评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,898评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,142评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,818评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,347评论 2 342

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,580评论 18 139
  • 0.B/S结构 浏览器服务器模式,web浏览器是客户端最主要的应用软件.将客户端使用web进行统一,系统功能实现集...
    liusong007阅读 1,042评论 0 1
  • (1)文档类型 文档类型:html文件的第一行代码通常是声明文档网页文档类型(DTD),文档类型可以简单的理解为 ...
    Y原谅阅读 271评论 0 0
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,220评论 1 41
  • “孩子,不要驼背,你的背上会长出锅哒。” 张小锅是个罗锅,每天弓着背猫着腰,陡大的小山丘在他背上耸立着,好像随时...
    阮迦澍阅读 406评论 9 2