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

首先是<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. WDCP面板Web环境安装redis与phpredis扩展应用方法

    http://www.ctyun.cn/bbs/thread-2882-1-1.html根据网友的要求需要在WDCP面板环境中安装人人商城程序,但是这个程序需要支持redis与phpredis扩展.根 ...

  2. Mysql 集合链接查询

    MySQL NULL 值处理 需求:我们已经知道MySQL使用 SQL SELECT 命令及 WHERE 子句来读取数据表中的数据,但是当提供的查询条件字段为 NULL 时,该命令可能就无法正常工作. ...

  3. yum无法安装的pdksh

    yum无法安装的pdksh,本地pdksh-5.2.14-37.el5_8.1.x86_64.rar,点击下载.

  4. 剑指offer（4）重建二叉树

    题目描述 输入某二叉树的前序遍历和中序遍历的结果,请重建出该二叉树.假设输入的前序遍历和中序遍历的结果中都不含重复的数字.例如输入前序遍历序列{1,2,4,7,3,5,6,8}和中序遍历序列{4,7, ...

  5. 剑指offer（33）丑数

    题目描述 把只包含因子2.3和5的数称作丑数(Ugly Number).例如6.8都是丑数,但14不是,因为它包含因子7. 习惯上我们把1当做是第一个丑数.求按从小到大的顺序的第N个丑数. 题目分析 ...

  6. CSS【05】：CSS三大特性

    继承性 作用:给父元素设置一些属性,子元素也可以使用,这个我们就称之为继承性 示例代码: <style> div { color: red; } </style> <di ...

  7. Windows下命令行怎样登录MySQL

    直接cmd回车然后 “ mysql -u root -p  ”  登录时出现错误,原来是权限不够 打开cmd时需要以管理员的身份打开 然后继续使用 “ mysql -u root -p ” 还是不行, ...

  8. RNN流程

    1.记号 2.前向计算,第二张图是第一张图的公式的简化.其中a称之为隐状态 3.计算代价函数

  9. 正则化，L1，L2

    机器学习中在为了减小loss时可能会带来模型容量增加,即参数增加的情况,这会导致模型在训练集上表现良好,在测试集上效果不好,也就是出现了过拟合现象.为了减小这种现象带来的影响,采用正则化.正则化,在减 ...

  10. Asp.net core 学习笔记 ( Smtp and Razor template 电子邮件和 Razor 模板 )

    refer : https://dotnetcoretutorials.com/2017/08/20/sending-email-net-core-2-0/ https://ppolyzos.com/ ...