<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标签(文本标签)学习的更多相关文章

  1. HTML基础(2) 格式标签 文本标签

    格式标签: 1.<p></p>  用来显示段落 2.<br> 控制换行 3.<nobr> </nobr> 防止浏览器将过长内容自动换行显示 ...

  2. Html5新增标签的学习。

    随笔,记录的比较随便. 今天新学习了9个标签. <audio> 简单的说就是一个音频标签,他的主要常用属性有src=""音频的路径 controls="con ...

  3. 简单标签(SimpleTag) 学习

    一.由于传统标签使用三个标签接口来完成不同的功能,显得过于繁琐,不利于标签技术的推广, SUN公司为降低标签技术的学习难度,在JSP 2.0中定义了一个更为简单.便于编写和调用的SimpleTag接口 ...

  4. HTML之form表单标签的学习

    from表单 表示 <form>form表单域</form> 作用 收集并替提交用户数据给指定服务器 属性 action:收集的数据的提交地址(也就是URL) method:收 ...

  5. 2016 5.03开始记录我的it学习。

    好多谢立成师兄给我这个网址,我发现博客园不仅仅可以随笔记载很多东西,还是一个资源丰富的网站,接下来的四年我会用心去记录这些学习的点滴.

  6. HTML标签简明学习一

    !-- ... -- html注释 浏览器不对其中的内容解析,可以用来调试及书写释意 <!-- 动不动就被注释 --> !DOCTYPE 声明文件类型 一般大写,必须位于文档首行,浏览器根 ...

  7. JSTL核心标签库学习笔记

    写的很简单,不一定会有用,如果想要详细的话,建议看API啊--- 不过在这里推荐一个地址,http://www.yiibai.com/jstl/  希望对你们有帮助啊,很好的教材啊 1.<c:i ...

  8. 第六课 Html5常用标签 html5学习1

    HTML标签的认识一.标签的分类1.双标签 如<html> </html>2.单标签 如<br \> 换行标签 二.标签的关系1.嵌套关系 如<head> ...

  9. JSTL标签库学习3-fn

    fn的全称为functions, 就是提供一些方法,函数等. 主要是一些操作字符串的函数. fn:contains(str, str)显示用户浏览器,操作系统.可以从header中获取user-age ...

  10. JSTL标签库学习记录2-fmt

    fmt的标签为辅助性功能标签 设置编码 <fmt:requestEncoding value=""> 国际化相关 <fmt:setLocale value=&qu ...

随机推荐

  1. 业务配置开发平台qMISPlat 2.0 产品介绍

    qMISPlat是什么 qMISPlat(业务配置开发平台)是一套基于.net core 2.0.跨平台的,面向开发人员和具有一定技术水平的业务人员使用的业务配置开发平台.基于此平台您只需通过配置和少 ...

  2. 美团App用户界面分析

    关于美团 美团网成立于2010年,合并前是中国销售额最大的独立团购 App.美团网2014年全年交易额突破460亿元,较去年增长180%以上,市场份额占比超60%,用户数超2亿~ 美团 App 用户界 ...

  3. 推荐 | Vue 入门&进阶路线

    今儿跟大家聊聊 Vue . 不得不承认, Vue 越来越受欢迎了.对比 Angular 和 React,虽然三者都是非常优秀的前端框架,但从 GitHub 趋势看,Vue 已经排在第一位,达到了13万 ...

  4. [Swift]LeetCode14. 最长公共前缀 | Longest Common Prefix

    Write a function to find the longest common prefix string amongst an array of strings. If there is n ...

  5. [Swift]LeetCode796. 旋转字符串 | Rotate String

    We are given two strings, A and B. A shift on A consists of taking string A and moving the leftmost ...

  6. [Swift]LeetCode864. 获取所有钥匙的最短路径 | Shortest Path to Get All Keys

    We are given a 2-dimensional grid. "." is an empty cell, "#" is a wall, "@& ...

  7. 原有vue项目接入typescript

    原有vue项目接入typescript 为什么要接入typescript javascript由于自身的弱类型,使用起来非常灵活. 这也就为大型项目.多人协作开发埋下了很多隐患.如果是自己的私有业务倒 ...

  8. Mysql的两种“排名第几且有可能为空的记录”写法(力扣176)

    编写一个 SQL 查询,获取 Employee 表中第二高的薪水(Salary) . +----+--------+ | Id | Salary | +----+--------+ | 1 | 100 ...

  9. ASP.NET Core 2.1 Web API + Identity Server 4 + Angular 6 + Angular Material 实战小项目视频

    视频简介 ASP.NET Core Web API + Angular 6的教学视频 我是后端开发人员, 前端的Angular部分讲的比较差一些, 可以直接看代码!!!! 这是一个小项目的实战视频, ...

  10. python获取当前路径

    python获取当前执行命令的路径: #!/usr/bin/env python # -*# coding: utf-8 -*- import os print os.getcwd() python获 ...