前端视频2-第二部分

图片和图像映像技术

第四个视频开始是回顾上节课的内容:链接

<a href="mailto:邮箱地址">发邮件</a>   这是向别人发送文件。

<a href="文件路径 url">下载</a>   这是下载文件,网页文件可以直接打开。
 
其它标签
link: 主要用来链接css文件
base:用于当前网页所有的a链接目标打开窗口。
<base tareget="_blank" />  目标网页在新窗口打开。
<base tareget="_self" />    目标网页在当前窗口打开。

图片标签

<img src=”图片文件的路径url”  alt=”图片的描述信息”  width=”100”  height=”50” border=”1” 
 align=”left || center  || right” />
设置图片的宽和高。border是图片边框粗细的属性,单位都是px。
align 是用来是图片位置居左/中/右。

图像映射技术

图像映射意思就是在一张图片的不同位置产生多个不同的链接。
图像映射技术需要一张图片,需要"map"标签,划分出多个区域链接,有三种形状。

形式:<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正方向。

多媒体介绍,表格初步

这里的多媒体不是狭义的多媒体,主要是播放声音和视频,而html4没有这个功能,这些声音和视频都是flash来播放的。浏览器就需要一个插件来播放这些声音和视频。HTML使用一个 object标签来承载。有的插件和浏览器不兼容,只有flash和各种浏览器比较兼容。

html引入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>

html引入flash,只需要用媒体标签,跟插入视频差不多

表格初步各种标签功能

表格作用是将一定区域内划分为行列对其的若干个“格子”。

表格使用如下3个标签搭配以形成完整的表格基本表现:
<table>
    <tr>
        <td>这个td中才是放置具体“内容部分”的区域</td>
    </tr>
</table>
table:用于“声明”一个表格
tr:用于设定一个表格中的“一行”,多行就使用多个tr配对。
td:用于设定一个行中的“一列”(单元格),多个列就使用多个td。
—— 一个表格可以有多行,一个行可以有多列。
表格中的单元格可以进行“合并”操作,是通过td上的两个属性来实现。
table常用属性:
    width:设定表格的宽度
    height:设定表格的高度
    border:设定表格的边框线,其实会应用整个表格的所有“边框线”(每个单元格)
    cellpadding: 设定单元格中的内容与单元格的边框线之间的“间距”,单位是px
    cellspacing: 设定相邻的两个元格的边框线之间的“间距”,单位是px
    bgcolor=”yellow”  设定表格的总体上的背景颜色
    background=”图片地址url”: 设定表格的总体上的背景图
    align=”left // center // right”: 设定表格总体上的定位方式。
    bordercolor:设定边框线的颜色
td常用属性:
    width:设定单元格的宽度
    height:设定单元格的高度
bgcolor=”yellow”  设定单元格的背景颜色
    background=”图片地址url”: 设定单元格的背景图
    align=”left // center // right”: 设定单元格中的内容的水平对齐方式
    valign=”top // middle // bottom”: 设定单元格中的内容的垂直对齐方式
    colspan=”5”:  表示该单元格会水平向右边合并5个“原始单元格”,其本身相当于“跨”5个列。
    rowspan=”3”:  表示该单元格会垂直向下边合并3个“原始单元格”,其本身相当于“跨”3个行。

表格深入与案例,字符实体

td用于设定一个普通单元格
th用于设定一个“标题单元格”:其中的文字会自动粗体并居中——凡是可以用td,就可以用th
一个表格还可以设定一个“标题”:在table 中使用caption标签,其中可是设定标题文字
实际上,作为表格“table”,其内部的所有行还可以进一步进行“表格区域划分”,通常有3种形式的表格区域:
thead:代表表格的“头部”区域,其中可以放置tr(及其下属)标签。
tbody:代表表格的“中部”区域(主体区域),同样可以放tr——所有没有明确使用分区标签归到某个区域的tr标签,都自动隶属于tbody分区。——也就是说,tbody有可能自动出现。
tfoot:代表表格的“尾部”区域,同样可以放tr。

表格标签关系总结:

特殊字符

在html中,如果出现了<> ,浏览器会自动认为这是一个标签,不会显示出你想要的内容。这些特殊字符如下。

经过四天看完了day2的内容,里面介绍了关于HTML的一些基础知识,了解了链接的连接,图片的插入,表格的使用,还有特殊字符。总而言之,这交给了我们各种html的标签意思。 让我们可以看懂一个html的简单编写。

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

推荐阅读更多精彩内容

  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,220评论 1 41
  • HTML5 标签comment 注释标签用于在源文档中插入注释。注释内容不会被浏览器显示。为代码编写注释的好处是...
    才気莮孒阅读 4,034评论 1 25
  • HTML基础 本文包括 HTML基本知识与结构 HTML常见标签 标签写法与嵌套的讨论 HTML、CSS、java...
    廖少少阅读 2,077评论 2 21
  • 其实,心里空荡荡的。 本来是要回到南方,回到熟悉的广州,那座呆了四年却没怎么踏出校门的城。 那儿有一直呼唤我回家的...
    懒人的荒诞梦阅读 208评论 0 1
  • 从塔尔寺出发后,我们驱车前往青海湖,陈姐说我们要翻过拉脊山,也是日月山的支脉。 初听拉脊山,我们以为是专门堆放垃圾...
    简的时光阅读 408评论 0 4