巅云智能建站平台搭建版(创业流派版)火爆上线,毕生受权!新增:文章智能收罗+全站真静态打包+都会分站+智能小法式+不法词过滤+H5自顺应+智能链词等功效功效概况
赞助文档Help

【HTML 元素】标记笔墨详解

一佰互联网站建造(www.taishanly.com) 宣布日期 2020-04-20 08:51:18 阅读数: 120

1.用根基的笔墨元素标记内容

先看显现结果:

对应HTML代码:

XML/HTML Code复制内容到剪贴板
  1. <!DOCTYPE html>  
  2. <html lang="en">  
  3. <head>  
  4.     <meta charset="UTF-8">  
  5.     <title>Learn4Font</title>  
  6. </head>  
  7. <body>  
  8. <p> 元素 b —— <b> I am the example.</b></p>  
  9. <p> 元素 em —— <em> I am the example.</em></p>  
  10. <p> 元素 i —— <i> I am the example.</i></p>  
  11. <p> 元素 s —— <s> I am the example.</s></p>  
  12. <p> 元素 strong —— <strong> I am the example.</strong></p>  
  13. <p> 元素 u —— <u> I am the example.</u></p>  
  14. <p> 元素 small —— <small> I am the example.</small></p>  
  15. <p> 元素 sub —— <sub> I am the example.</sub></p>  
  16. <p> 元素 sup —— <sup> I am the example.</sup></p>  
  17. </body>  
  18. </html>  

对应元素习气款式:

XML/HTML Code复制内容到剪贴板
  1. *普通表现关头词和产物称号*   
  2. b{font-weight: bolder;}   
  3.   
  4. *普通表现加以夸大*   
  5. em {font-style: italic;}   
  6.   
  7. *普通表现外文词语或科手艺语*   
  8. i {font-style: italic;}   
  9.   
  10. *普通表现不精确或校订*   
  11. s {text-decoration: line-through;}   
  12.   
  13. *普通表现主要笔墨*   
  14. strong {font-weight: bolder;}   
  15.   
  16. *普通表现为笔墨增加下划线*   
  17. u {text-decoration: underline;}   
  18.   
  19. *普通表现为增加小号字体内容*   
  20. small {font-size: small;}   
  21.   
  22. *普通表现增加上标和下标*   
  23. sup {vertical-align: sub; font-size: smaller;}   
  24. sub {vertical-align: super; font-size:smaller;}  

2.操纵说话元素

ruby、rt 和 rp 元素,先看结果:

对应代码:

XML/HTML Code复制内容到剪贴板
  1. <p style=" font-size: 3em;">  
  2.     <ruby><rp>(</rp><rt>chī</rt><rp>)</rp></ruby>  
  3.     <ruby><rp>(</rp><rt>mèi</rt><rp>)</rp></ruby>  
  4.     <ruby><rp>(</rp><rt>wǎng</rt><rp>)</rp></ruby>  
  5.     <ruby><rp>(</rp><rt>liǎng</rt><rp>)</rp></ruby>  
  6. </p>  

3.操纵事后编排好格局的内容

pre 元素能够转变阅读器处置内容的体例,禁止归并空缺字符,让源文档中的格局得以保留。

 

XML/HTML Code复制内容到剪贴板
  1. <pre>  
  2.     <code>  
  3.         var fruits = ["apples","oranges","mangoes","cherries"];   
  4.         for(var i0; i < fruits.length; i++){   
  5.             document.writeln("I like " + fruits[i]);   
  6.         }   
  7.     </code>  
  8. </pre>  

以上这篇【HTML 元素】标记笔墨详解便是小编分享给大师的全数内容了,但愿能给大师一个参考,也但愿大师多多撑持网页设想。

原文地点:http://www.cnblogs.com/luka/archive/2016/07/23/5532134.html

一佰互联是天下着名建站品牌办事商,咱们有九年、网站建造、网页设想、php开辟和域名注册及假造主机办事经历,供给的办事更是天下着名。最近几年来还整合团队上风自立开辟了可视化多用户”“3.0平台版,拖拽排版网站建造设想,轻松完成pc站、手机微网站、小法式、APP一体化全网营销网站扶植 ,已胜利的为天下上百家收集公司供给自助建站平台搭建办事。

相干消息more

14
04月
专业网站建造,谈谈那些中小企业该领会的企业官

互联网的呈现和成长,完全突破了传统企业地区的范围性,专业网站建造企业的官网一旦上线,一切地区的用户都能够阅读到,企业取得的宣扬结果也就更广,... >>概况

05
04月
北京网站建造前必然要斟酌这些需要

搭建网站对企业来讲很是泛泛,也很是有必要。可是要想搭建一个好的网站,就必必要有良多斟酌,比方建站之前,要斟酌一些需要,只要吃透这些需要,才... >>概况

20
04月
操纵html5 canvas破解简略考证码及

敝校的教务办理体系(貌似不止咱们黉舍用呢),一到选课时候办事器各类崩不诠释,偶然为了选个课就要频频输出考证码,一想到千万万万的大先生把时候浪... >>概况

30
06月
假造主机代办署理平台MOBILE手机版上线

我司假造主机代办署理平台MOBILE手机版上线了,更便利手机用户阅读网站。手机版集域名注册,会员注册,假造主机采办守旧,建站宝盒守旧及套餐采办,... >>概况

高端网站扶植

美工统筹SEO,为企业电子商务营销助力!

德律风:

023-85725751
建站

产物

域名注册 假造主机 云办事器 企业邮局
智能建站 APP打包 微站/小法式 创业平台
网站推行 媒体营销 智能收罗 AI机械人
400德律风 短信营销 店销机械人
私家定制 流派网站