今天看手册学习到了HTML5很多属性。现在总结如下

<body bgcolor="BED1A2" text="FFFFFF" link="yellow" alink="red" vlink="blue">

Background用来设定页面的背景，后面是图片的地址

Bgcolor 用来设定页面的背景颜色。后面是颜色或者十六进制数字

Text 用来设定没有超链接的字体颜色

Link用来设定超链接的字体颜色

alink 用来设定超链接点击时的颜色

Vlink用来设定超链接点击过后的字体颜色

<a href=” www.baidu.com” > 百度</a>

<a name=” www.baidu.com”>页面跳转的地方</a>

<nav>用来将具有导航性质的链接划分到一起如

<nav>

<a href=” #” > 百度</a>

<a href=” #” > 百度</a>

<a href=” #” > 百度</a>

</nav>

H<sub>2</sub>SO<sub>4</sub>

<sub>是下标所使用的标签</sub>

<sup>是上标所使用的标签</sup>

分别从标题一到标题六。字体逐渐缩小，并自动换行

<h1></h1>

<h2></h2>

<h3></h3>

<h4></h4>

<h5></h5>

<h6></h6>

<img src="1.jpeg" width="500" height="auto">

Img是插入图片的标签，width为图片的宽度。Height为图片的高度可以为其填写数值，也可以填写auto（按比例缩放）src中“为图片的地址和后缀名”

<font size="5px" font color=”red”>这是一个关于百度的网站</font>

size定义字体的大小，后跟px（像素）

color定义字体的颜色

换行 <br/>

水平分割线<hr>

<!-- 颜色为红色的水平线 -->

<hr color="red"/>

<!-- 对齐样式（左/居中/右）和水平线的宽度结合使用 -->

<hr align="left/cener/right" />

<!-- 宽度为50%的水平线 -->

<hr width="50%"/>

<!-- 高度为50像素的水平线 -->

<hr size="50"/>

<!-- 去掉阴影的水平线 -->

<hr noshade="noshade">

附代码

<!doctype html>

<html>

<head>

<meta charset="UTF-8">

<title>20161017</title>

</head>

<body bgcolor="BED1A2" text="FFFFFF" link="yellow" alink="red" vlink="blue">

<h1>枫桥夜泊</h1>

<h5>张继</h5>

<h3>月落乌啼霜满天，</h3>

<h3>江枫渔火对愁眠。</h3>

<h3>姑苏城外寒山寺，</h3>

<h3>夜半钟声到客船。</h3>

<a href=""www.baidu.com" >baidu</a></br>

跳转到页面的另外一个地方:</br>

<a name="www.baidu.com">111</a></br>

H<sub>2</sub>SO<sub>4</sub><br/>

<img src="1.jpeg" width="500" height="auto"><br/>

<img src="5.jpg" align=top> 实例  <br/>

<img src="5.jpg" align=middle> 实例  <br/>

<img src="5.jpg" align=bottom> 实例 <br/>

只有一行文字才可以放在图象的两边。

<!-- 边框像素为15的图片 -->

<img src="5.jpg" border=15/>

<br/>

<font size="5px" font color="red">这是一个关于百度的网站</font><br/>

<font size="20px">这是一个关于百度的网站</font><br/>

<!-- 颜色为红色的水平线 -->

<hr color="red"/>

<!-- 对齐样式（左/居中/右）和水平线的宽度结合使用 -->

<hr align="left/cener/right" />

<!-- 宽度为50%的水平线 -->

<hr width="50%"/>

<!-- 高度为50像素的水平线 -->

<hr size="50"/>

<!-- 去掉阴影的水平线 -->

<hr noshade="noshade">

<div align=left border="1px" >

你知道我在等你吗<br>

你可能不懂

</div>

</body>

</html>

html中的一些标签学习的更多相关文章

  1. HTML中的Head标签学习

    在页面加载完成的时候,标签head里的内容,是不会在页面中显示出来的.它包含了像页面的<title>(标题) ,CSS(如果你想用CSS来美化页面内容),图标和其他的元数据(比如 作者,关 ...

  2. 我给女朋友讲编程html系列(3) --html中的超链接标签-a标签 和 框架frame与框架集frameset

    我们浏览网页的时候,当单击某段文字或图片时,就会打开一个新的网页,这里面就使用了超链接. 就比如下图是一个导航类网页,当你单击某个链接就会打开新的网页. 比如,我拿我的qq空间“金河访谈”举例,新建一 ...

  3. （转）DEDECMS模板原理、模板标签学习 - .Little Hann

    本文,小瀚想和大家一起来学习一下DEDECMS中目前所使用的模板技术的原理: 什么是编译式模板.解释式模板,它们的区别是什么? 模板标签有哪些种类,它们的区别是什么,都应用在哪些场景? 学习模板的机制 ...

  4. html中的a标签特例讲解

    将自己的博客写成了一个大杂烩了,遇见啥问题就写啥问题.但是当看见自己网页的成品就特别的开心. 还记得看见过的一个故事,说是收费的东西好还是免费的东西好,有一个答案是最让我记忆深刻的.回复的一个答案是: ...

  5. html5中的video标签和audio标签

    不管是否承认,flash早已不像过往那样如日中天了.亚马逊全面放弃flash.苹果放弃flash.安卓也放弃了移动端的flash支持.事实上flash已经不太适合web开发了,因为HTML5中的vid ...

  6. HTML之body标签中的相关标签

    一 字体标签   字体标签包含:h1~h6.<font>.<u>.<b>.<strong><em>.<sup>.<sub& ...

  7. java struts2入门学习--OGNL语言常用符号和常用标签学习

    一.OGNL常用符号(接上一篇文章): 1.#号 1)<s:property value="#request.username"/> 作用于struts2的域对象,而不 ...

  8. 论文笔记：多标签学习综述（A review on multi-label learning algorithms）

    2014 TKDE(IEEE Transactions on Knowledge and Data Engineering) 张敏灵,周志华 简单介绍 传统监督学习主要是单标签学习,而现实生活中目标样 ...

  9. HTML中body相关标签-02

    今日内容: 字体标签: h1~h6.<font>.<u>.<b>.<strong><em>.<sup>.<sub> ...

随机推荐

  1. IOS 手机助手及越狱助手推荐

    快装系列 1 快装助手(PC版) http://pc.kuaiapp.cn/ 2 快装越狱助手(PC版)http://www.kuaiapp.cn 3 快装商店(手机版)http://yueyu.ku ...

  2. constraint使用方法总结

    主要就是添加约束的 下面几种约束 .并 一一列举: 1.主键约束: 要对一个列加主键约束的话,这列就必需要满足的条件就是分空 由于主键约束:就是对一个列进行了约束,约束为(非空.不反复) 下面是代码  ...

  3. ACdream 1115 Salmon And Cat (找规律&amp;&amp;打表)

    题目链接:传送门 题意: 一个数被觉得是一个完美的数,仅仅要须要满足下面的两个条件之中的一个 1)x = 1 or 3 2)x = 2 + a*b + 2*a + 2*b; a.b都是完美的数. 分析 ...

  4. [NodeJS] Deploy a Node Application with the Now CLI

    Now offers a friction-free way to deploy node applications right from the terminal. In this lesson, ...

  5. linux下的ls命令

    在LINUX系统中有一个重要的概念:一切都是文件.其实这是UNIX哲学的一个体现,而Linux是重写UNIX而来,所以这个概念也就传承了下来.在UNIX系统中,把一切资源都看作是文件,包括硬件设备.U ...

  6. Trace、Debug和TraceSource的使用以及日志设计 .

    [-] Trace 和 Debug区别 什么是Listeners 跟踪开关 使用BooleanSwitch开关 使用TraceSwitch开关 使用TraceSource代替Trace和Debug 设 ...

  7. Java项目经验——程序员成长的关键（转载）

    Java就是用来做项目的!Java的主要应用领域就是企业级的项目开发!要想从事企业级的项目开发,你必须掌握如下要点:1.掌握项目开发的基本步骤2.具备极强的面向对象的分析与设计技巧3.掌握用例驱动.以 ...

  8. c++ 设计模式8 （Factory Method 工厂方法）

    5. “对象创建”类模式 通过“对象创建”类模式绕开new,来避免对象创建(new)过程中所导致的紧耦合(依赖具体类),从而支持对象创建的稳定.它是接口抽象之后的第一步工作. 5.1 工厂方法 动机: ...

  9. JS 解析Xml

    loadXML = function (xmlString) { var xmlDoc = null; //判断浏览器的类型 //支持IE浏览器 if (!window.DOMParser & ...

  10. 1.4.2 solr字段类型--(1.4.2.5)使用枚举字段

    1.4.2 solr字段类型 (1.4.2.1) 字段类型定义和字段类型属性. (1.4.2.2) solr附带的字段类型 (1.4.2.3) 使用货币和汇率 (1.4.2.4) 使用Dates(日期 ...