欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

03-HTML的body标签(文本标签)学习

程序员文章站 2023-04-01 22:21:19
  HTML的body标签-文本标签学习  

今天天气真好,适合学习

今天天气真好,适合学习 ......

<html>
 <head>
  <title>html的body标签-文本标签学习</title>
  <meta charset="utf-8"/>
 </head>
 <body>
  <!--标题标签-->
  <h1 align="center">今天天气真好,适合学习</h1>
  <h2>今天天气真好,适合学习</h2>
  <h3>今天天气真好,适合学习</h3>
  <h4>今天天气真好,适合学习</h4>
  <h5>今天天气真好,适合学习</h5>
  <h6>今天天气真好,适合学习</h6>
  <hr width="50%" size="20" color="red"/>
  <p>
    君不见,黄河之水天上来,奔流到海不复回。
    君不见,高堂明镜悲白发,朝如青丝暮成雪。
    人生得意须尽欢,莫使金樽空对月。
    天生我材必有用,千金散尽还复来。
    烹羊宰牛且为乐,会须一饮三百杯。
    岑夫子,丹丘生,将进酒,杯莫停。
    与君歌一曲,请君为我倾耳听。(倾耳听 一作:侧耳听)
    钟鼓馔玉不足贵,但愿长醉不复醒。(不足贵 一作:何足贵;不复醒 一作:不愿醒/不用醒)
    古来圣贤皆寂寞,惟有饮者留其名。(古来 一作:自古;惟 通:唯)
    陈王昔时宴平乐,斗酒十千恣欢谑。
    主人何为言少钱,径须沽取对君酌。
    五花马,千金裘,呼儿将出换美酒,与尔同销万古愁。
  </p>
  <p>
   <b>君不见,黄河之水天上来,奔流到海不复回。</b><br />
   <i>君不见,高堂明镜悲白发,朝如青丝暮成雪。</i><br />
   <u>人生得意须尽欢,莫使金樽空对月。</u><br />
   天生我材必有用,千金散尽还复来。<br />
   烹羊宰牛且为乐,会须一饮三百杯。<br />
   岑夫子,丹丘生,将进酒,杯莫停。<br />
   与君歌一曲,请君为我倾耳听。(倾耳听 一作:侧耳听)<br />
   钟鼓馔玉不足贵,但愿长醉不复醒。<del>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(不足贵 一作:何足贵;不复醒 一作:不愿醒/不用醒)</del><br />
   古来圣贤皆寂寞,惟有饮者留其名。<del>(古来 一作:自古;惟 通:唯)</del><br />
   陈王昔时宴平乐,斗酒十千恣欢谑。<br />
   主人何为言少钱,径须沽取对君酌。<br />
   五花马,千金裘,呼儿将出换美酒,与尔同销万古愁。 <br />
  </p>
  
   
 </body>
</html>
<!-- 
 标题标签:
  h1到h6:会将其中的数据加粗加黑显示,并且显示依次减弱,标题标签自带换行功能。(块级标签)
    属性:
     align:center left right
 水平线标签:
   hr:会在页面中显示一条水平线,默认居中显示
    属性:
     width="宽度" 设置水平线的宽度
     size="高度" 设置水平线的高度
     color="颜色" 设置水平线的颜色
 段落标签:
   p:会将一段数据作为整体进行显示,主要是进行css和js样式操作时比较方便。会自动换行(块级元素)\
   特点:
    段间距比较大
 换行符:
   br:告诉浏览器需要在此位置换行
 空格符:
   &nbsp:告诉浏览器在此位置增加空格
 权重标签:
   b:会将内容加黑显示
   i:会将内容斜体显示
   u:会将内容增加下划线
   del:增加中划线
   以上标签不会自动换行,并且可以嵌套使用。
     
 注意:
  1、标签的属性是对标签的功能进一步的补充,可以由开发人员*指定标签的属性值,来达到想要的显示效果。
  2、像素是占据电脑屏幕 的大小,百分比占据的是浏览器窗口的大小。
-->