HTML第一耍 标题 段落 字体等标签
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第一耍 标题 段落 字体等标签的更多相关文章
- HTML(标题/图片/链接/列表标签)
<!DOCTYPE html> 声明 <!DOCTYPE html> 是 html5 标准网页声明,全称为 Document Type HyperText Mark-up La ...
- IOS 修改UIAlertController的按钮标题的字体颜色,字号,内容
IOS 修改UIAlertController的按钮标题的字体颜色,字号,内容 UIAlertController *alertVC = [UIAlertController alertControl ...
- 为C1Chart for WPF添加自定义标题、坐标轴单位标签以及旋转坐标轴注释
对于图表控件C1Chart for WPF,我们在添加数据,选择图表类型这些基本可视化数据展示后,经常需要通过标题.坐标轴单位标签等信息辅助说明图表对实际场景的意义.C1Chart for WPF并没 ...
- VC、MFC中设置控件的背景色、标题、字体颜色、字体要注意的地方[转]
在MFC中设置控件的背景色.字体.字体颜色.标题等属性主要是利用OnCtlColor函数来实现. 如: HBRUSH CAlarm::OnCtlColor(CDC* pDC, CWnd* pWnd, ...
- 【转】iOS中设置导航栏标题的字体颜色和大小
原文网址:http://www.360doc.com/content/15/0417/11/20919452_463847404.shtml iOS中设置导航栏标题的字体颜色和大小,有需要的朋友可以参 ...
- iOS中设置导航栏标题的字体颜色和大小
iOS中设置导航栏标题的字体颜色和大小,有需要的朋友可以参考下. 在平时开发项目的时候,难免会遇到修改导航栏字体大小和颜色的需求,一般使用自定义视图的方法,其实还存在一种方法. 方法一:(自定义视图的 ...
- iOS NSString 文本不同的颜色 标题+文本字体大小 行间距/删除不需要的字符 /以及自适应高度
#import <Foundation/Foundation.h> @interface TextsForRow : NSObject @property(nonatomic,copy)N ...
- html标题-段落-字符实体-换行
Html标题标签: <h1>.<h2>.<h3>.<h4>.<h5>.<h6>标签可以在网页上定义6种级别的标题,这6种级别的标 ...
- HTML标题 段落 样式
HTML 标题 标题(Heading)是通过 <h1> - <h6> 等标签进行定义的. <h1> 定义最大的标题.<h6> 定义最小的标题. 注释:默 ...
随机推荐
- PHUML 生成UML类图操作流程
项目基础阶段: 安装svn,因为托管在svn平台上: 项目下载到本地,并切换到对应目录(如:F:\wwwroot\phuml.git\trunk\src\app): svn checkout http ...
- MT【296】必要性探路
已知$a,b\in R.f(x)=e^x-ax+b$,若$f(x)\ge1$恒成立,则$\dfrac{b-a}{a}$的取值范围_____ 提示:答案:$[-1,\infty)$取$x=0,b\ge0 ...
- MT【266】求$a$的范围
已知 $a$ 为常数,函数$f(x)=\dfrac{x}{\sqrt{a-x^2}-\sqrt{1-x^2}}$ 的最小值为$-\dfrac{2}{3}$,则 $a$ 的取值范围_____ 解: 考虑 ...
- 「UVA10766」Organising the Organisation(生成树计数)
BUPT 2017 Summer Training (for 16) #6C 题意 n个点,完全图减去m条边,求生成树个数. 题解 注意可能会给重边. 然后就是生成树计数了. 代码 #include ...
- ACM-ICPC 2018 南京赛区网络预赛 J题Sum(线性筛素数)
题目链接:https://nanti.jisuanke.com/t/30999 参考自博客:https://kuangbin.github.io/2018/09/01/2018-ACM-ICPC-Na ...
- python爬虫解析库学习
一.xpath库使用: 1.基本规则: 2.将文件转为HTML对象: html = etree.parse('./test.html', etree.HTMLParser()) result = et ...
- CodeFroces--Joseph’s Problem
题目意思:给出n k 求 k%1 + k%2 +k%3+...+k%n 的和 利用分块的思想 我们知道 k%i ==k-k/i*i 同时 一段连续的区间的 k/i 是相等的 #include< ...
- ACM-ICPC 2017 Asia Xi'an A XOR (线性基+线段树思想)
题目链接 题意;给个数组,每次询问一个区间你可以挑任意个数的数字异或和 然后在或上k的最大值 题解:线性基不知道的先看这个,一个线性基可以log的求最大值把对应去区间的线性基求出来然后用线段树维护线性 ...
- mysql connections
在使用MySQL数据库的时候,经常会遇到这么一个问题,就是“Can not connect to MySQL server. Too many connections”-mysql 1040错误,这是 ...
- 纪中2018暑假培训day5提高b组改题记录
因为今天省选组也做a组,以为今天a组会很难,就做了做b组.t1和t3强行暴力,好在有t2保底.t1和正解就差一点,然而考试时死活想不起来...... 今天改题可以少改一道了!ovo 救救孩子吧!t1T ...