网页制作02-html,css,javascript初认识のhtml的文字与段落标志 ...

梦见你的名字  论坛元老 | 2025-2-18 21:31:29 | 来自手机 | 显示全部楼层 | 阅读模式
打印 上一主题 下一主题

主题 1499|帖子 1499|积分 4497

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?立即注册

x
用一首李白的将进酒,对文字与段落标志举行一个简单的先容演示:

  目录

一、标题字

1、标题字标志h

2、标题字对其属性align

二、文本根本标志

1、字体属性face

2、字号属性size

3、颜色属性 Color

三、文本格式化标志

1、粗体标志 b ,strong

2、斜体标志 i,em,cite

3、上标标志sup

4、下标标志sub

5、大字号标志big

6、小字号标志small

7、下划线标志u

四、段落标志

1、段落标志 P

2、换行标志br

3、不换行标志nobr

五、水平线

1、插入水平线hr

2、水平线宽度width

3、水平线高度size

4、水平线去掉阴影noshade

5、水平线颜色color

6、水平线排列align

六、其他标志

一般情况下特殊符号的代码构成为:&+字符名称+;   
下表为部分符号        :       
HTML 代码符号描述代码符号描述&lt;<小于号&sect§分节符&gt;>大于号&deg;°度&amp;&与++&quot;“引号--&reg;®已注册**&trade;™商标&divide÷©©版权标志&ensp;半个空缺位¥¥人民币&emsp;一个空缺位&euro;€欧元&nbsp;不断行的空缺位
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>将进酒</title>
  6. </head>
  7. <!--ā á ǎ à ō ó ǒ ò ī í ǐ ì ū ú ǔ ù ǖ ǘ ǚ ǜ ń ň-->
  8. <body>
  9. <h1 align="center">将进酒</h1><!--设置标题的级别, H1到h6-->
  10. <h2 align="right">---李白</h2><!--align属性设置对齐方式-->
  11.        
  12. <p><font face="Aa剑豪体">君不见黄河之水天上来,奔流到海不复回。</font></p><!--face属性设置字体属性-->
  13. <p><font face="华文隶书">君不见高堂明镜悲白发,朝如青丝暮成雪。</font></p>
  14. <p><font size="+3">人生得意须尽欢,莫使金樽空对月。</font></p><!--从-4~正4的整数,是相对于3号放大和缩小的字号-->
  15. <p><font size="4">天生我材必有用,千金散尽还复来。</font></p><!--size字体绝对大小属性,由1-7的整数组成-->
  16. <p><font color="#7E00EF">烹羊宰牛且为乐,会须一饮三百杯。</font></p><!--color属性设置字体颜色-->
  17. <p><b>岑夫子</b>,丹丘生,<strong>将进酒,杯莫停。</strong></p><!--粗体标记strong,b-->
  18. <p>与君<i>歌一曲</i>,<em>请君</em>为我<cite>倾耳听。</cite></p><!--斜体标记i,em,cite-->
  19. <ruby>
  20. <p>钟鼓馔玉不足贵,<rt>zhōng gǔ zhuàn yù bù zǔ guì </rt>
  21.         但<rt>dàn</rt>愿<rt>yuàn</rt>长<sup>cháng</sup>醉<sub>zuì</sub>不复醒。</p>
  22. </ruby><!--sub( SuperScript),sub(subscript)-->
  23.        
  24. <p><big>古</big>
  25.         <big><big>来</big></big>
  26.         <big><big><big>圣</big></big></big>
  27.         <big><big><big><big>贤</big></big></big></big>
  28.         <big><big><big><big><big>皆</big></big></big></big></big>
  29.         <big><big><big><big><big><big>寂</big></big></big></big></big></big>
  30.         <big><big><big><big><big><big><big>寞</big></big></big></big></big></big></big>,
  31.         <small>惟</small>
  32.         <small><small>有</small></small>
  33.         <small><small><small>饮</small></small></small>
  34.         <small><small><small><small>者</small></small></small></small>
  35.         <small><small><small><small><small>留</small></small></small></small></small>
  36.         <small><small><small><small><small><small>其</small></small></small></small></small></small>
  37.         <small><small><small><small><small><small><small>名</small></small></small></small></small></small></small>
  38. </p>
  39. <p><u>        陈王昔时宴平乐,斗酒十千恣欢谑。</u></p><!--下划线标记u,p用来起始一个段落-->
  40. 主人何为言少钱,<br>径须沽取对君酌。<br><!--br在不另起一段的情况下将当前文本强制换行,一个br为1行-->
  41. <br>
  42. 五花马,千金裘,呼儿将出换美酒,<br>
  43.         <br><br>
  44. 与尔同销万古愁。<br><br>
  45. <hr><!--插入水平线hr-->默认水平线
  46. <hr noshade>无阴影水平线
  47. <hr color="#000000" align="left">黑色左对齐水平线
  48. <hr width="500" size="3"><br><center>长度为500像素,高度3像素水平线</center>
  49. <hr>
  50. <nobr>01ā á ǎ à ō ó ǒ ò ī í ǐ ì ū ú ǔ ù ǖ ǘ ǚ ǜ ń ň ā á ǎ à ō ó ǒ ò ī í ǐ ì ū ú ǔ ù ǖ ǘ ǚ ǜ ń ň </nobr><!--nobr不换行标记--><br>02ā á ǎ à ō ó ǒ ò ī í ǐ ì ū ú ǔ ù ǖ ǘ ǚ ǜ ń ň
  51. <hr>
  52. 特殊符号:<br>
  53.         &#33;!<br>
  54.         &#35;#<br>
  55.         &#36;$<br>
  56.         &#37;%<br>
  57.         &#39;'<br>
  58.         &#40;(<br>
  59.         &#41;)<br>
  60.         &#42;*<br>
  61.         &#43;+<br>
  62.         &#44;,<br>
  63.         &#45;-<br>
  64.         &#46;.<br>
  65.         &#58;:<br>
  66.         &#59;;<br>
  67.         &#61;=<br>
  68.         &#63;?<br>
  69.         &#64;@<br>
  70.        
  71. </body>
  72. </html>
复制代码
代码演示结果: 




免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
回复

举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

梦见你的名字

论坛元老
这个人很懒什么都没写!
快速回复 返回顶部 返回列表