1.HTML标题的使用

<!doctype html>

<html>

<head>

    <title>文本标签演示</title>

</head>

<body>

    <!--HTML注释：这是一到六级的标题标签。-->

    <h1>This is heading 1</h1>

    <h2>This is heading 2</h2>

    <h3>This is heading 3</h3>

    <h4>This is heading 4</h4>

    <h5>This is heading 5</h5>

    <h6>This is heading 6</h6>

    <!--HTML段落是通过<p>标签进行定义的。-->

    <p>请仅仅把标题标签用于标题文本，不要仅仅是为了产生粗体而使用它们，请使用其他标签或者css代替</p>

</body>

</html>

2.段落元素由<p>标签定义

<!doctype html>

<html>

    <title>文本标签演示</title>

<head>

</head>

<body>

    <p>这是段落1：生活的无奈，有时并不源于自我，别人无心的铸就，那是一种阴差阳错。</p>

    <p>这是段落2：心有明灯，便不会迷路，便可拒绝黑暗、胆怯，拥有一份明朗的心情，一份必胜的信念，一份坦荡的胸怀……</p>

    <p>这是段落3：惊涛拍岸，卷起千堆雪，长城内外，具是黑夜……</p>

    <p>这是段落4：我喜欢你，像白云喜欢蓝天的那种喜欢……<br/><br/>哈哈,这可能是我说过最真心也最不会有人信的一句话</p>

</body>

</html>

3.<font>标签规定文本的字体类型、字号和颜色

<!doctype html>

<html>

<head>

    <title>文本标签演示</title>

</head>

<body>

    <h1>这是<font face="宋体" size="+6" color="#FF0000">一级</font>标题</h1>

</body>

</html>

4.b标签规定粗体文本

<!doctype html>

<html>

<head>

    <title>文本标签演示</title>

</head>

<body>

    <p>这是普通文本</p>

    <hr />    <!--这玩意儿是水平线-->

    <b>这是粗体文本</b>

</body>

</html>

5.<i>、<u>、<s>、<sup>、<sub>、<big>、<small>等等一些标签的应用

<i> 标签显示斜体文本效果。

<u> 标签可定义下划线文本。

<s> 标签可定义加删除线文本定义。

<sup> 标签可定义上标文本。

<sub> 标签可定义下标文本。

<big> 标签呈现大号字体效果。

<small> 标签呈现小号字体效果。

<!doctype html>

<html>

<head>

    <meta charset="utf-8">

    <title>文本标签的应用</title>

</head>

<body>

    <p>这是一个普通的段落</p>

    <hr/>

    <p><u>这是加上斜体的段落</u></p>

    <hr/>

    <p><s>这是加上删除线的段落</s></p>

    <hr/>

    <p><big>这是大号字体的段落</big></p>

    <hr/>

    <p><small>这是小号字体的段落</small></p>

    <hr/>

    <p>这是一个包含<sub>sub-下标</sub>的文本</p>

    <hr/>

    <p>这是一个包含<sup>sup-上标</sup>的文本</p>

</body>

</html>

6.水平线和换行符

<!doctype html>

<html>

<head>

    <meta charset="utf-8">

    <title>文本格式的应用</title>

</head>

<body>

    <p>山一程，水一程，身向榆关那畔行，夜深千帐灯。风一更，雪一更，恬碎乡心梦不成</p>

    <hr/>    <!--水平线-->

    <p>人生只若初见，<br/>何事秋风悲画扇……</p>

</body>

</html>

7.

8.

9.

10.

11.

12.

13.

14.

15.

16.

HTML第一耍 标题 段落 字体等标签的更多相关文章

  1. HTML（标题/图片/链接/列表标签）

    <!DOCTYPE html> 声明 <!DOCTYPE html> 是 html5 标准网页声明,全称为 Document Type HyperText Mark-up La ...

  2. IOS 修改UIAlertController的按钮标题的字体颜色，字号，内容

    IOS 修改UIAlertController的按钮标题的字体颜色,字号,内容 UIAlertController *alertVC = [UIAlertController alertControl ...

  3. 为C1Chart for WPF添加自定义标题、坐标轴单位标签以及旋转坐标轴注释

    对于图表控件C1Chart for WPF,我们在添加数据,选择图表类型这些基本可视化数据展示后,经常需要通过标题.坐标轴单位标签等信息辅助说明图表对实际场景的意义.C1Chart for WPF并没 ...

  4. VC、MFC中设置控件的背景色、标题、字体颜色、字体要注意的地方[转]

    在MFC中设置控件的背景色.字体.字体颜色.标题等属性主要是利用OnCtlColor函数来实现. 如: HBRUSH CAlarm::OnCtlColor(CDC* pDC, CWnd* pWnd, ...

  5. 【转】iOS中设置导航栏标题的字体颜色和大小

    原文网址:http://www.360doc.com/content/15/0417/11/20919452_463847404.shtml iOS中设置导航栏标题的字体颜色和大小,有需要的朋友可以参 ...

  6. iOS中设置导航栏标题的字体颜色和大小

    iOS中设置导航栏标题的字体颜色和大小,有需要的朋友可以参考下. 在平时开发项目的时候,难免会遇到修改导航栏字体大小和颜色的需求,一般使用自定义视图的方法,其实还存在一种方法. 方法一:(自定义视图的 ...

  7. iOS NSString 文本不同的颜色 标题+文本字体大小 行间距／删除不需要的字符 ／以及自适应高度

    #import <Foundation/Foundation.h> @interface TextsForRow : NSObject @property(nonatomic,copy)N ...

  8. html标题-段落-字符实体-换行

    Html标题标签: <h1>.<h2>.<h3>.<h4>.<h5>.<h6>标签可以在网页上定义6种级别的标题,这6种级别的标 ...

  9. HTML标题 段落 样式

    HTML 标题 标题(Heading)是通过 <h1> - <h6> 等标签进行定义的. <h1> 定义最大的标题.<h6> 定义最小的标题. 注释:默 ...

随机推荐

  1. Android stadio 生成项目 Cannot find System Java Compiler. Ensure that you have installed a JDK (not just a JRE)

    解决方法 File-->Project-->Structrue-->SDK Location-->JDK location Use embedded JDK 前面勾去掉,指定一 ...

  2. 【CF1082F】Speed Dial（动态规划）

    [CF1082F]Speed Dial(动态规划) 题面 CF 洛谷 题解 把\(Trie\)树建出来之后发现就是一个树型\(dp\),每个点会对于其父亲中第一个被标记的点产生贡献. 那么把第一个点压 ...

  3. 【BZOJ5316】[JSOI2018]绝地反击（网络流，计算几何，二分）

    [BZOJ5316][JSOI2018]绝地反击(网络流,计算几何,二分) 题面 BZOJ 洛谷 题解 很明显需要二分一个答案. 那么每个点可以确定的范围就是以当前点为圆心,二分出来的答案为半径画一个 ...

  4. 【转】让浏览器格式化显示JSON数据之chrome jsonView插件安装

    jsonView 用来让Chrome浏览器能格式化的显示JSON数据. 以上是网上找的方式,且试验成功! 步骤: 1.打开 https://github.com : 2.搜索 jsonView 链接: ...

  5. 纪中2018暑假培训day3提高a组改题记录（混有部分b组）

    day3 模拟赛,看了看a组题,发现是博弈论,非常开心(因为好玩),于是做的a组.结果差点爆零,死命纠结t1的sg函数,但其实只是一个dp,不用扯到sg函数的那种. t1: Description 被 ...

  6. poj1723 SOLDIERS

    soldiers真乃神题也! 行列显然可以分开处理. 行好办,显然就是一个货仓选址问题,取中位数即可. 列呢?? ?????? 因为懒得推式子,用不了二分,我决定使用枚举大法!一算复杂度O(n^2), ...

  7. Pandas库中的DataFrame

    1 简介 DataFrame是Python中Pandas库中的一种数据结构,它类似excel,是一种二维表. 或许说它可能有点像matlab的矩阵,但是matlab的矩阵只能放数值型值(当然matla ...

  8. 跟我一起用node-express搭建一个小项目[一]

    我一直以为你要学nodejs你就要掌握很多东西啊!比如js最少得看10本书吧,nodejs书籍得看吧!其实呢,到最后,你会发现,因为工作,或者找工作的需要,什么不学,那些js不懂 也没有很大的关系.所 ...

  9. SpringBoot整合Freemarker+Mybatis

    开发工具 , 开始 新建工程 .选择Spring Initializr 下一步 下一步,选择需要的组件 ..改一下工程名,Finish ..目录结构 首先,修改pom文件 然后,将applicatio ...

  10. marks学习2

    控件的大小单位用dp  控件的高度和宽度 sp字体的单位 控件的字体的大小.可缩放字体. 内边距 padding控件的边缘到控件内荣的距离