pbootcms网站模板|日韩1区2区|织梦模板||网站源码|日韩1区2区|jquery建站特效-html5模板网

html5中的一些標簽學習(心得)

html5教程 html5模板網
下面小編就為大家帶來一篇html5中的一些標簽學習(心得)。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

今天看手冊學習到了HTML5很多屬性。現在總結如下

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

Background用來設定頁面的背景，后面是圖片的地址

Bgcolor 用來設定頁面的背景顏色。后面是顏色或者十六進制數字

Text 用來設定沒有超鏈接的字體顏色

 Link用來設定超鏈接的字體顏色

 alink 用來設定超鏈接點擊時的顏色

Vlink用來設定超鏈接點擊過后的字體顏色

<a href=” www.jb51.net” > </a>

<a name=” www.jb51.net”>頁面跳轉的地方</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中的一些標簽學習(心得)全部內容了，希望大家多多支持~

【網站聲明】本站除付費源碼經過測試外，其他素材未做測試，不保證完整性，網站上部分源碼僅限學習交流，請勿用于商業用途。如損害你的權益請聯系客服QQ：2655101040 給予處理，謝謝支持。

相關文檔推薦

這篇文章主要介紹了有關HTML5頁面在iPhoneX適配問題,需要的朋友可以參考下
本篇文章主要介紹了html5中canvas圖表實現柱狀圖的示例，本文使用canvas來實現一個圖表，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
Adobe公司出品的多媒體處理軟件產品線較多，涵蓋了音視頻編輯、圖像處理、平面設計、影視后期等領域。這篇文章主要介紹了Adobe Html5 Extension開發初體驗圖文教程，非常不錯，需要的朋
這篇文章主要介紹了基于HTML5的WebGL經典3D虛擬機房漫游動畫,需要的朋友可以參考下
這篇文章主要介紹了html5實現移動端適配完美寫法,需要的朋友可以參考下
本篇文章主要介紹了HTML5響應式（自適應）網頁設計的實現，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
主站蜘蛛池模板： 早报网| 万博士范文网-您身边的范文参考网站Vanbs.com | 上海律师咨询_上海法律在线咨询免费_找对口律师上策法网-策法网 广东高华家具-公寓床|学生宿舍双层铁床厂家【质保十年】 | 四探针电阻率测试仪-振实密度仪-粉末流动性测定仪-宁波瑞柯微智能 | ★店家乐|服装销售管理软件|服装店收银系统|内衣店鞋店进销存软件|连锁店管理软件|收银软件手机版|会员管理系统-手机版,云版,App | 液氮罐_液氮容器_自增压液氮罐_杜瓦瓶_班德液氮罐厂家 | 成都装修公司-成都装修设计公司推荐-成都朗煜装饰公司 | 滚塑PE壳体-PE塑料浮球-警示PE浮筒-宁波君益塑业有限公司 | 今日娱乐圈——影视剧集_八卦娱乐_明星八卦_最新娱乐八卦新闻 | 水平垂直燃烧试验仪-灼热丝试验仪-漏电起痕试验仪-针焰试验仪-塑料材料燃烧检测设备-IP防水试验机 | 安徽华耐泵阀有限公司-官方网站| 执业药师报名条件，考试时间，考试真题，报名入口—首页 | 广东健伦体育发展有限公司-体育工程配套及销售运动器材的体育用品服务商 | 油液红外光谱仪-油液监测系统-燃油嗅探仪-上海冉超光电科技有限公司 | 气力输送设备_料封泵_仓泵_散装机_气化板_压力释放阀-河南锐驰机械设备有限公司 | 单级/双级旋片式真空泵厂家,2xz旋片真空泵-浙江台州求精真空泵有限公司 | 安徽控制器-合肥船用空调控制器-合肥家电控制器-合肥迅驰电子厂 安徽净化板_合肥岩棉板厂家_玻镁板厂家_安徽科艺美洁净科技有限公司 | 健康管理师报考条件，考试时间，报名入口—首页 | 进口消泡剂-道康宁消泡剂-陶氏消泡剂-大洋消泡剂 | 横河变送器-横河压力变送器-EJA变送器-EJA压力变送器-「泉蕴仪表」 | 大通天成企业资质代办_承装修试电力设施许可证_增值电信业务经营许可证_无人机运营合格证_广播电视节目制作许可证 | 北京遮阳网-防尘盖土网-盖土草坪-迷彩网-防尘网生产厂家-京兴科技 | SMC-ASCO-CKD气缸-FESTO-MAC电磁阀-上海天筹自动化设备官网 | 钢结构-钢结构厂房-钢结构工程[江苏海逵钢构厂] | 全自动端子机|刺破式端子压接机|全自动双头沾锡机|全自动插胶壳端子机-东莞市傅氏兄弟机械设备有限公司 | 瓶盖扭矩仪(扭力值检测)-百科 | 螺杆真空泵_耐腐蚀螺杆真空泵_水环真空泵_真空机组_烟台真空泵-烟台斯凯威真空 | 北京公积金代办/租房发票/租房备案-北京金鼎源公积金提取服务中心 | 扒渣机,铁水扒渣机,钢水扒渣机,铁水捞渣机,钢水捞渣机-烟台盛利达工程技术有限公司 | 直读光谱仪,光谱分析仪,手持式光谱仪,碳硫分析仪,创想仪器官网 | 水稻烘干机,小麦烘干机,大豆烘干机,玉米烘干机,粮食烘干机_巩义市锦华粮食烘干机械制造有限公司 水环真空泵厂家,2bv真空泵,2be真空泵-淄博真空设备厂 | 昆明挖掘机修理厂_挖掘机翻新再制造-昆明聚力工程机械维修有限公司 | 热熔胶网膜|pes热熔网膜价格|eva热熔胶膜|热熔胶膜|tpu热熔胶膜厂家-苏州惠洋胶粘制品有限公司 | 锯边机,自动锯边机,双面涂胶机-建业顺达机械有限公司 | 成都软件开发_OA|ERP|CRM|管理系统定制开发_成都码邻蜀科技 | 房屋质量检测-厂房抗震鉴定-玻璃幕墙检测-房屋安全鉴定机构 | IIS7站长之家-站长工具-爱网站请使用IIS7站长综合查询工具,中国站长【WWW.IIS7.COM】 | 螺钉式热电偶_便携式温度传感器_压簧式热电偶|无锡联泰仪表有限公司|首页 | 华夏医界网_民营医疗产业信息平台_民营医院营销管理培训 | 滤芯,过滤器,滤油机,贺德克滤芯,精密滤芯_新乡市宇清流体净化技术有限公司 | 超声波成孔成槽质量检测仪-压浆机-桥梁预应力智能张拉设备-上海硕冠检测设备有限公司 |