第二天_HTML_QQzone的简易构建

一、建立一个主页面,构建一个框架334bfa52426e40bfb6fc911922f6249a.png

 <iframe>:内联框架,行级标签,把其他页面或者资源共享嵌入当前页

<src>指定其他页面路径

<frameborder>:是否显示边框,0不显示,1显示

<name>:配合着<target>属性完成超链接跳转的页面在iframe中打开

<target>超链接跳转页面后打开的方式

二、分别构建里面的小框架

1)、日志1f7bd397baad47efbe239e86274ca00d.png

 <div>:块级标签,独占一行

相对路径:<a   href="相对路径">文字内容</a>。相对路径:./(可以省略不写);../(必须写)

浏览器不识别换行和多个空格,换行可用<br/>,几个<br/>就是几个换行;空格可用&nbsp。

2)相册

30a6c8c4182e404ba72e207747b300e5.png

 <img/>:图片标签,属于行级标签,必须有src(显示图片路径)

<title>:鼠标悬浮于图片上提示内容

3)、说说2b66a00ef6e44e1897a3bd445d61f5a8.png

 先建立一个表格,再填内容

<audio> :视频标签。controls(显示视频面板,必须填写),src(视频路径,必须填写),loop(视频循环),autoplay(自动播放),muted(默认静音),poster(视频封面)。

4)、音乐09fc25cfa55f4d748a7f6b55fc3d95cd.png

 <audio>:音频标签。controls(显示音频面板,必须填写),src(音频路径,必须填写),loop(单曲循环),autoplay(自动播放),muted(默认静音)。

5)、列表标签。分三种:无序列表、有序列表、自定义列表。

     (1),无序列表:<ul>。一个<ul>包含多个<li>,<ul>默认具备外边距和内边距样式。type可取值:disc(实心点)、circle(空心圆)、square(实心方框)、none(什么也没有)。33eba9c9932b447aa31705d3f0c9d940.jpg

   (2)、有序列表<ol>,type可取值:阿拉伯数字(默认)、小写字母、大写字母、小写罗马数字、大写罗马数字。f87397cac461411180be9521f9872632.jpg

 对于昨天的学习,做了个课程表5efca5fdb8654d438ddfa269ab4aab22.jpg

 

 

 

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值