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響應式（自適應）網頁設計的實現，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
主站蜘蛛池模板： 包装设计公司,产品包装设计|包装制作,包装盒定制厂家-汇包装【官方网站】 | 流量卡中心-流量卡套餐查询系统_移动电信联通流量卡套餐大全 | 艾默生变频器,艾默生ct，变频器，ct驱动器，广州艾默生变频器，供水专用变频器，风机变频器，电梯变频器，艾默生变频器代理-广州市盟雄贸易有限公司官方网站-艾默生变频器应用解决方案服务商 | 澳门精准正版免费大全,2025新澳门全年免费,新澳天天开奖免费资料大全最新,新澳2025今晚开奖资料,新澳马今天最快最新图库 | EDLC超级法拉电容器_LIC锂离子超级电容_超级电容模组_软包单体电容电池_轴向薄膜电力电容器_深圳佳名兴电容有限公司_JMX专注中高端品牌电容生产厂家 | 江西自考网| 蒸压釜-陶粒板隔墙板蒸压釜-山东鑫泰鑫智能装备有限公司 | 嘉兴恒升声级计-湖南衡仪声级计-杭州爱华多功能声级计-上海邦沃仪器设备有限公司 | 众品地板网－地板品牌招商_地板装修设计_地板门户的首选网络媒体。 | 硬度计,金相磨抛机_厂家-莱州华煜众信试验仪器有限公司 | 【法利莱住人集装箱厂家】—活动集装箱房,集装箱租赁_大品牌,更放心 | 布袋式除尘器|木工除尘器|螺旋输送机|斗式提升机|刮板输送机|除尘器配件-泊头市德佳环保设备 | 储气罐,真空罐,缓冲罐,隔膜气压罐厂家批发价格,空压机储气罐规格型号-上海申容压力容器集团有限公司 | 京马网,京马建站,网站定制,营销型网站建设,东莞建站,东莞网站建设-首页-京马网 | 轻型地埋电缆故障测试仪,频响法绕组变形测试仪,静荷式卧式拉力试验机-扬州苏电 | 东莞喷砂机-喷砂机-喷砂机配件-喷砂器材-喷砂加工-东莞市协帆喷砂机械设备有限公司 | 小型数控车床-数控车床厂家-双头数控车床 | 金联宇电缆总代理-金联宇集团-广东金联宇电缆实业有限公司 | 全自动实验室洗瓶机,移液管|培养皿|进样瓶清洗机,清洗剂-广州摩特伟希尔机械设备有限责任公司 | 早报网| 电缆接头-防爆电缆接头-格兰头-金属电缆接头-防爆填料函 | 间苯二酚,间苯二酚厂家-淄博双和化工 | 深圳3D打印服务-3D打印加工-手板模型加工厂-悟空打印坊 | 上海新光明泵业制造有限公司-电动隔膜泵,气动隔膜泵,卧式|立式离心泵厂家 | 冷镦机-多工位冷镦机-高速冷镦机厂家-温州金诺机械设备制造有限公司 | 泵阀展|阀门展|水泵展|流体机械展 -2025上海国际泵管阀展览会flowtech china | 成都软件开发_OA|ERP|CRM|管理系统定制开发_成都码邻蜀科技 | 汽液过滤网厂家_安平县银锐丝网有限公司 | 快干水泥|桥梁伸缩缝止水胶|伸缩缝装置生产厂家-广东广航交通科技有限公司 | 金环宇|金环宇电线|金环宇电缆|金环宇电线电缆|深圳市金环宇电线电缆有限公司|金环宇电缆集团 | 直齿驱动-新型回转驱动和回转支承解决方案提供商-不二传动 | 气力输送_输送机械_自动化配料系统_负压吸送_制造主力军江苏高达智能装备有限公司！ | 超声骨密度仪,双能X射线骨密度仪【起草单位】,骨密度检测仪厂家 - 品源医疗（江苏）有限公司 | Eiafans.com_环评爱好者 环评网|环评论坛|环评报告公示网|竣工环保验收公示网|环保验收报告公示网|环保自主验收公示|环评公示网|环保公示网|注册环评工程师|环境影响评价|环评师|规划环评|环评报告|环评考试网|环评论坛 - Powered by Discuz! | 杭州月嫂技术培训服务公司-催乳师培训中心报名费用-产后康复师培训机构-杭州优贝姆健康管理有限公司 | 房在线-免费房产管理系统软件-二手房中介房屋房源管理系统软件 | 污水提升器,污水提升泵,地下室排水,增压泵,雨水泵,智能供排水控制器-上海智流泵业有限公司 | 车辆定位管理系统_汽车GPS系统_车载北斗系统 - 朗致物联 | 南京泽朗生物科技有限公司-液体饮料代加工_果汁饮料代加工_固体饮料代加工 | 船用锚链|专业锚链生产厂家|安徽亚太锚链制造有限公司 | 权威废金属|废塑料|废纸|废铜|废钢价格|再生资源回收行情报价中心-中废网 |