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

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

时间: 2024-07-30 13:22:11

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

web前端与移动开发---html标签的学习及特殊符号

在学习html标签之前,我们先来回顾一下浏览器在请求服务器的过程: 1.在浏览器的地址栏里面输入URL 2.浏览器发送一条请求到服务器,服务器接收请求并处理 3.服务器将数据传回浏览器 4.浏览器解析数据,并且显示在页面上 下面开始html标签的学习 1.p标签: p标签是一个双标签,用来存放段落内容,使其与其他内容上下保持一定的间隙. <p>段落内容</p> 2.h系列标签,从h1到h6字体大小逐渐减小,用来存放标题,使其内容字体加粗变大,独成一行. <h1>标题1&

第五天学习:html标签的学习3

关键字:html标签的学习3 晨跑计划: 学习任务: 第4章 认识标签(第三部分) 4-1 使用<a>标签,链接到另一个页面 4-2 在新建浏览器窗口中打开链接 4-3 使用mailto在网页中链接Email地址 4-4 认识<img>标签,为网页插入图片 第5章 与浏览者交互,表单标签 5-1 使用表单标签,与用户交互 5-2 文本输入框.密码输入框 5-3 文本域,支持多行文本输入 5-4 使用单选框.复选框,让用户选择 5-5 使用下拉列表框,节省空间 5-6 使用下拉列表框

Html5新增标签的学习。

随笔,记录的比较随便. 今天新学习了9个标签. <audio> 简单的说就是一个音频标签,他的主要常用属性有src=""音频的路径 controls="controls" 控制参数,他就是可以让其在页面显示一个播放器的效果autoplay="autoplay"自动播放属性 loop="loop"循环次数 <video>同audio标签一样.是一个视频标签.主要常用的属性同上面一样 <datalis

HTML标签深入学习

今天主要学习列表标签: default.html 列表分为三种:<1>有序列表   <2>无序列表   <3>自定义列表 配合CSS叠层样式可以做出查询标签 代码如下: <!DOCTYPE html> <html> <head> <style> div{ width: 100%; height: 50px; background-color: green; } ul{ width: 500px; height: 50px;

web前端与移动开发---html列表、表单元素等标签的学习

经过前两天的学习,今天我们来学习列表及表单元素. 首先是列表,列表分为无需列表.有序列表.自定义列表. 1.无序列表 <ul> <li></li> <li></li> ...... </ul> 总结: (1)所有放在ul中的数据必须是无序的: (2)ul标签是用来管理li标签的: (3)ul中必须至少有一个li标签: (4)li标签不能单独使用: (5)在ul标签中只能写li标签: (6)在li标签中才能嵌套其他的标签. 2.有序列表

[JavaWeb基础] 014.Struts2 标签库学习

在Struts1和Struts2中都有很多很方便使用的标签库,使用它可以让我们的页面代码更加的简洁,易懂,规范.标签的形式就跟html的标签形式一样.上面的篇章中我们也讲解了自定义标签那么在如何使用标签库就更好理解了,直接理解成第三方的标签库.那么我们要使用它,就要在页面上引入它. <%@ taglib prefix="s" uri="/struts-tags" %> Struts2.0标签大体可分为以下几类: 1.UI(User Interface,用

pyqt标签例子学习

import sys from PyQt4 import QtGui def main(): app=QtGui.QApplication(sys.argv) window=QtGui.QWidget() window.setWindowTitle(u'标签') tab1=QtGui.QScrollArea() tab_layout=QtGui.QVBoxLayout(tab1) test1=QtGui.QTextBrowser() tab_layout.addWidget(test1) tab

JSTL标签库学习3-fn

fn的全称为functions, 就是提供一些方法,函数等. 主要是一些操作字符串的函数. fn:contains(str, str)显示用户浏览器,操作系统.可以从header中获取user-agent,然后判断是否包含一些字符从而判断是否是某浏览器和操作系统. fn:containsIgnoreCase(str,str) fn:endsWith(str,str)显示文件格式 fn:startsWith(str,str) fn:indexOf(str,str)查找字符串在另一个字符串中第一次出

css3标签页学习制作

本文是学习w3cplus上的一篇文章的心得体会,链接见底部. 具体实现的效果为: 1.样式一较为简单: 主要运用border-radius 2.样式二可拆分为一个矩形和一个三角形: HTML为: 1 <h3 style="text-align:center;">Flag</h3> 2 <div class="flag"></div> css为: 1 .flag{width: 110px; 2 height: 156px

JSTL核心标签库学习笔记

写的很简单,不一定会有用,如果想要详细的话,建议看API啊--- 不过在这里推荐一个地址,http://www.yiibai.com/jstl/  希望对你们有帮助啊,很好的教材啊 1.<c:if test="condition"></c:if>    --> so easy 不用再言 2.<c:choose>                           <c:when test="condition1">