码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2019-02-07 10:43:48      阅读:207      评论:0      收藏:0      [点我收藏+]

标签:适合   大小   不用   天气   指定   head   水平线   显示效果   center   

<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、像素是占据电脑屏幕 的大小,百分比占据的是浏览器窗口的大小。
-->

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

标签:适合   大小   不用   天气   指定   head   水平线   显示效果   center   

原文地址:https://www.cnblogs.com/qust-lgh/p/10354467.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!