首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 HTML / CSS

html5中的一些标签学习(心得)

Posted in HTML / CSS onOctober 18, 2016

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

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

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

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

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

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

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

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

<a href=” 3water.com” > 三水点靠木</a>

<a name=” 3water.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">

附代码

XML/HTML Code复制内容到剪贴板
  1. <!doctype html>  
  2.   
  3. <html>  
  4.   
  5.  <head>  
  6.   
  7.   <meta charset="UTF-8">  
  8.   
  9.   <title>20161017</title>  
  10.   
  11.  </head>  
  12.   
  13.  <body bgcolor="BED1A2" text="FFFFFF" link="yellow" alink="red" vlink="blue">  
  14.   
  15.  <h1>枫桥夜泊</h1>  
  16.   
  17.  <h5>张继</h5>  
  18.   
  19.  <h3>月落乌啼霜满天，</h3>  
  20.   
  21.  <h3>江枫渔火对愁眠。</h3>  
  22.   
  23.  <h3>姑苏城外寒山寺，</h3>  
  24.   
  25.  <h3>夜半钟声到客船。</h3>  
  26.   
  27.  <a href=""www.baidu.com" >baidu</a></br>  
  28.   
  29. 跳转到页面的另外一个地方:</br>  
  30.   
  31.  <a name="www.baidu.com">111</a></br>  
  32.   
  33.   H<sub>2</sub>SO<sub>4</sub><br/>  
  34.   
  35. <img src="1.jpeg" width="500" height="auto"><br/>  
  36.   
  37. <img src="5.jpg" align=top> 实例  <br/>  
  38.   
  39. <img src="5.jpg" align=middle> 实例  <br/>  
  40.   
  41. <img src="5.jpg" align=bottom> 实例 <br/>  
  42.   
  43. 只有一行文字才可以放在图象的两边。   
  44.   
  45. <!-- 边框像素为15的图片 -->  
  46.   
  47. <img src="5.jpg" border=15/>  
  48.   
  49. <br/>  
  50.   
  51.   <font size="5px" font color="red">这是一个关于百度的网站</font><br/>  
  52.   
  53.   <font size="20px">这是一个关于百度的网站</font><br/>  
  54.   
  55.   <!-- 颜色为红色的水平线 -->  
  56.   
  57.   <hr color="red"/>  
  58.   
  59.   <!-- 对齐样式（左/居中/右）和水平线的宽度结合使用 -->  
  60.   
  61.  <hr align="left/cener/right" />  
  62.   
  63.  <!-- 宽度为50%的水平线 -->  
  64.   
  65.  <hr width="50%"/>  
  66.   
  67.  <!-- 高度为50像素的水平线 -->  
  68.   
  69.  <hr size="50"/>  
  70.   
  71.  <!-- 去掉阴影的水平线 -->  
  72.   
  73.  <hr noshade="noshade">  
  74.   
  75.  <div align=left border="1px" >  
  76.   
  77. 你知道我在等你吗<br>  
  78.   
  79. 你可能不懂   
  80.   
  81. </div>  
  82.   
  83.  </body>  
  84.   
  85. </html>  

以上就是小编为大家带来的html5中的一些标签学习(心得)全部内容了，希望大家多多支持三水点靠木~

html5中的一些标签学习(心得)

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

HTML / CSS 相关文章推荐
使用css3绘制出各种几何图形
Aug 17 HTML / CSS
CSS3媒体查询Media Queries基础学习教程
Feb 29 HTML / CSS
CSS3 Flex 弹性布局实例代码详解
Nov 01 HTML / CSS
深入研究HTML5实现图片压缩上传功能
Mar 25 HTML / CSS
HTML5 File接口在web页面上使用文件下载
Feb 27 HTML / CSS
HTML5 语义化结构化规范化
Oct 17 HTML / CSS
HTML5使用DOM进行自定义控制示例代码
Jun 08 HTML / CSS
HTML5 canvas基本绘图之绘制线条
Jun 27 HTML / CSS
移动端html5判断是否滚动到底部并且下拉加载
Nov 19 HTML / CSS
HTML5 客户端数据库简易使用:IndexedDB
Dec 19 HTML / CSS
html5自动播放mov格式视频的实例代码
Jan 14 HTML / CSS
HTML5 FileReader对象的具体使用方法
May 22 HTML / CSS
HTML5+CSS3实现机器猫
Oct 17 #HTML / CSS
html5将图片转换成base64的实例代码
Sep 21 #HTML / CSS
CSS3 画基本图形，圆形、椭圆形、三角形等
Sep 20 #HTML / CSS
html5本地存储 localStorage操作使用详解
Sep 20 #HTML / CSS
使用Html5实现异步上传文件,支持跨域,带有上传进度条
Sep 17 #HTML / CSS
a标签下载链接的简单实现
Sep 13 #HTML / CSS
HTML5新增加的功能详解
Sep 05 #HTML / CSS
新西兰购物网站(42) 匈牙利购物网站(11) 北美洲购物网站(1) 智利购物网站(5) 越南购物网站(9) 捷克购物网站(26) 卡塔尔购物网站(3) 巴基斯坦购物网站(2) 菲律宾购物网站(13) 秘鲁购物网站(1)
You might like
php生成xml简单实例代码
2009/12/16 PHP
PHP 正则表达式小结
2015/02/12 PHP
php+ajax无刷新上传图片实例代码
2015/11/17 PHP
JavaScript 继承使用分析
2011/05/12 Javascript
jquery中dom操作和事件的实例学习-表单验证
2011/11/30 Javascript
多个js与css文件的合并方法详细说明
2012/12/26 Javascript
jQuery简单实现隐藏以及显示特效
2015/02/26 Javascript
在Ubuntu系统上安装Node.JS的教程
2015/10/15 Javascript
Zero Clipboard实现浏览器复制到剪贴板的方法(多个复制按钮)
2016/03/24 Javascript
AngularJS基础 ng-keypress 指令简单示例
2016/08/02 Javascript
JavaScript触发onScroll事件的函数节流详解
2016/12/14 Javascript
html5+canvas实现支持触屏的签名插件教程
2017/05/08 Javascript
JavaScrpt的面向对象全面解析
2017/05/09 Javascript
w3c编程挑战_初级脚本算法实战篇
2017/06/23 Javascript
Angularjs中date过滤器失效的问题及解决方法
2018/07/06 Javascript
Layui实现数据表格中鼠标悬浮图片放大效果,离开时恢复原图的方法
2019/09/11 Javascript
js实现开关灯效果
2020/03/30 Javascript
js实现单元格拖拽效果
2020/02/10 Javascript
python 从远程服务器下载东西的代码
2013/02/10 Python
在Python中使用全局日志时需要注意的问题
2015/05/06 Python
Python3控制路由器——使用requests重启极路由.py
2016/05/11 Python
Python连接DB2数据库
2016/08/27 Python
django用户注册、登录、注销和用户扩展的示例
2018/03/19 Python
查看TensorFlow checkpoint文件中的变量名和对应值方法
2018/06/14 Python
浅析python中numpy包中的argsort函数的使用
2018/08/30 Python
对YOLOv3模型调用时候的python接口详解
2019/08/26 Python
Python面向对象程序设计之私有变量，私有方法原理与用法分析
2020/03/23 Python
pycharm远程连接vagrant虚拟机中mariadb数据库
2020/06/05 Python
万豪国际住宅与别墅集团：Homes & Villas by Marriott International
2020/10/08 全球购物
高三政治教学反思
2014/02/06 职场文书
补充协议书范本
2014/04/23 职场文书
《称象》教学反思
2014/04/25 职场文书
关于保护环境的建议书
2014/05/13 职场文书
致运动员的广播稿
2015/08/19 职场文书
导游词之江苏同里古镇
2019/11/18 职场文书
介绍一下28个JS常用数组方法
2022/05/06 Javascript