跟随我在oracle学习php(2)
在制作网页之前,先看一些常用标签的具体用法,上次我给出了常用标签表格,我们来一个一个看一看。
首先是<a>,他的第一个用法就是超链接,格式为<a href=”你想要跳转到的网页地址”>xx</a>
Exp:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
<a href="www.baidu.com">baidu</a>
</body>
</html>
我们将会得到下面的网页,点击baidu即跳转到www.baidu.com
第二个功能是下载文件,如果你连接的文件是浏览器无法打开的文件,浏览器则让你下载,如压缩文件等。
我们将上面代码中的www.baidu.com改为xxxxx.rar(你可以浏览随便一个本地的压缩包),再次打开网页,便会出现下载界面。
第三个功能即为锚链接。
锚链接可以实现从本网页中某处跳到另一处,或是从一个网页某处跳到另外一个网页的指定某处。我们在任意一标签内设置锚点,如对一个<h1 id=”h1”>标题1</h1>,那么这个标题的id便是h1,如果我们写一个<a href:”#h1”>锚链接</a>,那么点击锚链接字样便会跳转到标题1,最好先定义id,再写#id。如想跨网页跳转,需要在你想跳转到另一个id的#前面加那个网页的路径。
再就是<b>标签,加粗所有在<b></b>之间的字。
<br>标签定义的是换行,浏览器将会忽略在编码时所敲的所有回车,只识别<br>,一个<br>换一行。
Exp:<b>百度</b>
<b>百度</b><br><b>百度</b>将会显示如下
可以看到,前两个“百度”之间没有换行,最后一个“百度”独占一行,这是因为敲的回车不会识别,只识别<br>
说到<b>和<div>等标签,就不得不说标签特性,标签特性分为三种:
行标签 默认不占一行 不能设置宽高 所占区域和内容相关
<a> <b> <i> <span>
行内块标签 默认不占一行 能设置宽高
<Img>
块标签 默认占一行 能设置宽高
<div> <p> <h1>
<b>标签(行标签) <div>标签(块标签) <p>标签(块标签) <img>标签(行内块标签)
<img>与<video>标签类似,<img src=”路径”>就能将文件引入。
目前,<video> 元素支持三种视频格式:MP4、WebM、Ogg。
MP4 = MPEG 4文件使用 H264视频编解码器和AAC音频编解码器
WebM = WebM 文件使用 VP8 视频编解码器和 Vorbis 音频编解码器
Ogg = Ogg 文件使用 Theora 视频编解码器和 Vorbis音频编解码器