今天看手册学习到了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. Flex SuperTabNavigator Tab标签图片不显示或图片显示不完全

    <?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="ht ...

  2. 转载：js和as间的交互

    转载一: 提及AS3与外部脚本的交互,笔者认为可以总结成两种.一是AS3调用外部函数,二是外部脚本调用AS3函数.无外乎就 这两种.在调用函数的同时,我们还可以向函数传递一些参数.这就达到了传递数据的 ...

  3. 【flash】关于flash的制作透明gif的一个小技巧

    关于flash的制作透明gif的一个小技巧 或者说是一个需要注意的地方 1.导出影片|gif,得到的肯定是不透明的.2.想要透明背景,必须通过发布.3.flash中想要发布gif动画的话,不能有文字, ...

  4. ASP.NET 最佳DataGrid读取单元格的值

    采用asp:BoundColumn列 前台: <asp:BoundColumn DataField="UserID" HeaderText="工号"> ...

  5. AVR JTAG MKii 引脚布局 ( JTAG 和 ISP )

    1,JTAG和ISP引脚复用,JTAG的TCK,TDO,TDI分别与ISP的SCK,MISO,MOSI复用:2,VT引脚必须接目标板电源,不然仿真器接口电路不工作: JTAG接口引脚定义如下 标配的J ...

  6. JSON初探

    JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式.同时,JSON是 JavaScript 原生格式,这意 ...

  7. linux 源码编译（转）

    源代码的用处无非是以下两点；1、软件根据用户的需要加以定制；2、二次开发；注：要根据软件的许可证书约定为准，开发者许可二次开发才行；1、源码包的打包格式；源代码一般以file.tar.gz file. ...

  8. cdoj 04 Complete Building the Houses 暴力

    Complete Building the Houses Time Limit: 20 Sec  Memory Limit: 256 MB 题目连接 http://acm.uestc.edu.cn/# ...

  9. Visual Studio原生开发的10个调试技巧（一）

    最近碰巧读了Ivan Shcherbakov写的一篇文章,<11个强大的Visual Studio调试小技巧>.这篇文章只介绍了一些有关Visual Studio的基本调试技巧,但是还有其 ...

  10. C#利用lambda在函数中创建内部函数

    有使用过JS的朋友,相信都知道function.JS中的function是可以在里面在定义一个作为内部使用的.有时为了控制作用域,或者这种小函数只在这个函数体内会使用,所以就不希望在外部在作额外的定义 ...