今天看手册学习到了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. 检索COM 类工厂中CLSID 为 {00024500-0000-0000-C000-000000000046}的组件时失败

    在项目中将数据导出为Excel格式时出现“检索COM 类工厂中CLSID 为 {00024500-0000-0000-C000-000000000046}的组件时失败,原因是出现以下错误: 80070 ...

  2. Julien Nioche谈Apache Nutch 2的特性及产品路线图

    原文地址: http://www.infoq.com/cn/articles/nioche-apache-nutch2 开源的Web搜索框架Apache Nutch的2.1版本已于2012年10月5日 ...

  3. IAR EWARM PRINTF/SCANF FORMATTER

    The linker automatically chooses an appropriate formatter for printf- and scanf-related function bas ...

  4. 【JS】识别浏览器版本及操作平台

    背景: 有这么个需求,需要统计,用户打开网站使用的浏览器,以及操作平台.      实现:     受HTML5Test这个网站的影响,发现它可以实现,获取浏览器以及平台的功能,然后研究代码发现了这个 ...

  5. JQueryMobile页面跳转参数的传递解决方案

    在JQueryMobile开发手机端应用使用可能需要考虑相关的页面跳转带来的参数问题.因为JQueryMobile其实也是HTML5实践的结果.HTML5中有localStorage和sessionS ...

  6. Apache DbUtils - JDBC轻量级封装的工具包

    前段时间使用了Apache Common DbUtils这个工具,在此留个印,以备不时查看.大家都知道现在市面上的数据库访问层的框架很多,当然很多都是包含了OR-Mapping工作步骤的例如大家常用的 ...

  7. [AngularJS] TweenList 3D + AngularJS Animate

    AngularJS animations and TweenLite make it really easy to create cool 3d effects in your application ...

  8. 堆排序-C语言实现

    堆排序 堆排序是利用堆的性质进行的一种选择排序.下面先讨论一下堆. 1.堆 堆实际上是一棵完全二叉树,其任何一非叶节点满足性质: Key[i]<=key[2i+1]&&Key[i ...

  9. Android精品课程—PullToRefresh 下拉刷新

    http://edu.csdn.net/course/detail/1716 TableLayout http://edu.csdn.net/course/detail/2262 Android开发之 ...

  10. 动态引入Js文件

    var src = "/Scripts/Test.js"; $("<script type = 'text/javascript' src='" + sr ...