在制作网页之前，先看一些常用标签的具体用法，上次我给出了常用标签表格，我们来一个一个看一看。

首先是<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音频编解码器

跟随我在oracle学习php（2）的更多相关文章

  1. 跟随我在oracle学习php（19）

    Order by子句 形式: order  by  排序字段1  [排序方式],  排序字段2  [排序方式], ..... 说明: 对前面取得的数据(含from子句,where子句,group子句, ...

  2. 跟随我在oracle学习php（18）

    修改表: 一般概述 通常,创建一个表,能搞定(做到)的事情,修改表也能做到.大体来说,就可以做到: 增删改字段: 增:alter  table  表名  add  [column]  字段名  字段类 ...

  3. 跟随我在oracle学习php（17）

    通用设定形式 定义一个字段的时候的类型的写法. 比如: create  table  tab1  (f1  数据类型 ); 数据类型: 类型名[(长度n)]  [unsigned]  [zerofil ...

  4. 跟随我在oracle学习php（16）

    数据库的增删改查 增:create  database  [if  not  exists ] 数据库名  [charset  字符集]  [collate  字符排序规则]: 说明: 1,if  n ...

  5. 跟随我在oracle学习php（15）

    开发环境 独立开发环境:组成 Windows/Linux php Apache MySQL 集成开发环境:phpstudy wamp xammp 关系数据库: SQL: Struct Query La ...

  6. 跟随我在oracle学习php（14）

    CSS3的@keyframes用法详解: 此属性与animation属性是密切相关的,关于animation属性可以参阅CSS3的animation属性用法详解一章节. 一.基本知识: keyfram ...

  7. 跟随我在oracle学习php（13）

    常用的css样式 [class~="col-6"]:选择我所有类名中包含有col-6独立单词的元素 [class*="col-"]:选择所有类名中含有" ...

  8. 跟随我在oracle学习php（12）

    DOM 文档对象模型 body:(什么时候)找到标签 操作标签找到标签:(都会返回一个js对象)document.getElementById() 通过iddocument.getElementsBy ...

  9. 跟随我在oracle学习php（11）

    数组专题 数组遍历: 1,普通for循环,经常用的数组遍历 var arr = [1,2,0,3,9]; for ( var i = 0; i <arr.length; i++){ consol ...

  10. 跟随我在oracle学习php（10）

    正则表达式 做验证 做匹配 用符号来描述书写规则:/ 中间写正则表达式 /^ :匹配开头,$:匹配结尾 : /^ve/以ve开头的 /ve$/以ve结尾\d:一个任意的数字\w:一个任意的数字或字母\ ...

随机推荐

  1. 杂谈迁移tomcat项目到docker，以及遇到的问题

    1.迁移tomcat项目异常简单,下一个tomcat的container,然后直接把webapps放进去就行了. #tomcat版本随原始项目版本而变,具体版本列表查看:https://hub.doc ...

  2. HTML5中 audio标签的样式修改

    由于html5的流行,现在移动端大多数的需求都可以使用audio来播放音频,但您可能只是需要很简单的播放/停止效果,但不同的浏览器上的audio样式却不尽人意,那么要怎么改变这个样式呢,其实它的原理比 ...

  3. web服务器集群（多台web服务器）后session如何同步和共享

    在访问量上去以后,很多人会采用web集群的方式在满足逐渐增长的用户量.这时候就不得不面对一个问题,那就是在多个服务器下,每次请求都会因为负载均衡而分配到不同的服务器上.用户在登录服务器后,下一次请求被 ...

  4. centos7.3配置python2、3环境与配置各自pip

    环境:CentOS-7-x86_64-Everything-1611 No.1 查看CentOS对Python的默认依赖 [root@cs ~]# ls /usr/bin/python* /usr/b ...

  5. Docker Kubernetes 健康检查

    Docker Kubernetes 健康检查 提供Probe探测机制,有以下两种类型: livenessProbe:如果检查失败,将杀死容器,然后根据Pod的重启策略来决定是否重启. readines ...

  6. Codeforces 333E Summer Earnings - bitset

    题目传送门 传送门I 传送门II 传送门III 题目大意 给定平面上的$n$个点,以三个不同点为圆心画圆,使得圆两两没有公共部分(相切不算),问最大的半径. 显然答案是三点间任意两点之间的距离的最小值 ...

  7. 在myeclipse中使用log4j记录日志

    1.从官方网站下载 jakarta-log4j-1.2.17.tar.gz http://logging.apache.org/log4j/1.2/download.html 2.在eclipse中将 ...

  8. P4726 【模板】多项式指数函数

    思路 按照式子计算即可 \[ F(x)=F_0(x)(1-\ln F_0(x) +A(x)) \] 代码 // luogu-judger-enable-o2 #include <cstdio&g ...

  9. 20175312 2018-2019-2 《Java程序设计》第4周学习总结

    20175312 2018-2019-2 <Java程序设计>第4周学习总结 教材学习内容总结 已依照蓝墨云班课的要求完成了第五章的学习,主要的学习渠道是PPT,和书的课后习题. 总结如下 ...

  10. (转载)C#关于DateTime得到的当前时间的格式和用法

    今天看到工程里有关DateTime的有关知识,之前了解一些用法,比如怎么获取年月日,当前系统时间等等,但是,感觉还是有好多不知道,于是上网搜罗了一下,找到很多有关知识,现在与大家分享下:   Date ...