入门HTML之2.8

最新推荐文章于 2024-06-29 13:30:13 发布

原创最新推荐文章于 2024-06-29 13:30:13 发布 · 478 阅读

0 ·

CC 4.0 BY-SA版权

HTML 专栏收录该内容

10 篇文章

订阅专栏

今晚懒懒散散写的点，希望待会能再学点

HTML文字与段落格式控制

<body>……
<i>倾斜文本</i>
<b>粗体文本</b>
<u>下划线文本</u>
<s>删除线文本</s>
……</body>

2.8

<html>
	<head>
		<title>设定字体</title>
		<meta http-equiv = "refresh"
		content = "3; URL = http://www.baidu.com">
	</head>
	<body bgcolor = "ccffcc" text = "00ff00" >
		正常字<b>加粗字体bold</b><br>
		正常字<i>斜体字italic</i><br>
		正常字<u>下划线字体underlined</u><br>
		正常字<s>删除线字体s24trikethrough</s><br>
		正常字<sup>上标字supwescript</sup><br>
		正常字<sub>下标字subscript</sub><br>
	</body>
</html>

2.9

<html>
	<head>
		<title>设定字体</title>
		<meta http-equiv = "refresh"
		content = "3: http://www.baidu.com">
	</head>
	<body>
		正常字--<em>标记-斜体</em><p></p>
		正常字--<strong>strong标记-对内容进行强调</strong><p></p>
		正常字--<code>code标记-等宽字符</code><p></P>
		正常字--<var>var标记变量或程序参数-以斜体字来显示</var><p></p>
		正常字--<small>small标记-文本以小字体来显示</small><p></p>
		正常字--<big>big标记文本以大字体显示<big><p></p>
	</body>
</html>

2.10

<html>
	<head>
		<title>上标和小标</title>
	</head>
	<body bgcolor = "ccffcc">
		<p>化学式</p>
		<p>H<sup>2</sup>O</p>
		<p>代数方程式：</p>
		<p>x=x<sub>1</sub>+x<sup>2</sup>+...+x<sub>n</sub>
	</body>
</html>

2.11

<html>
	<head>
		<title>字体综合应用</title>
	</head>
	<body>
		<font size = 7 color = "#0000ff">代数方程式</font><br>
		<font size = 5>
		9<font color = "#ff0000">X</font><sup>2</sup>+2<font color = "#ff0000">X</font>+3=17<br>
		3<font color = "#ff0000">X</font><sub>1</sub>+2<font color = "#ff0000">X</font><sub>2</sub>=10
		</font>
	</body>
</html>

HTML文档可以插入注释。注释内容不会在浏览器窗口显示
HTML注释的格式为

： <!-- 注释内容 -- >

<!--多行注释内容 -- >

2.12

<html>
	<head>
		<title>注释的内容是看不见的</title>
	</head>
	<body><!--标题-->
		<h1>代数方程式<h1><br>
		<!--内容-->
		<font size = 5>
			9<font color = "#ff0000">X</font><sup>2</sup>+2<font color =  "#ff0000">X</font>+3+17<br>
			3<font color = "#ff0000">X</font><sub>1</sub>+2<font color = "#ff0000">X</font><sub>2</sub>=10
		</font>
	</body>
</html>

<hn align=#>...</hn> (n=1,2,3,4,5,6)
<p align=#>...</p> (#=left, center, right)

2.13

<html>
	<head>
		<title>文字的对齐</title>
	</head>
	<body>
		<h3 align = left>align标志的左对齐</h3>
		<h3 align = center>align标志的居中对齐</h3>
		<p align = right>p标志的利用align标志实现右对齐</p>
		<center>center标志的居中对齐    left等无此功能<center>
	</body>
</html>

(#=left, center, right)

2.14

<html>
	<head>
		<title>div标记的应用</title>
	</head>
	<body>
		<div align = left>作为一名顶级吉他大师，盖尔。摩尔是在用他的心在画，而绝不是用手指。</div>
		<div align = center>作为一名顶级吉他大师，盖尔。摩尔是在用他的心在画，而绝不是用手指。</div>
		<div align = right>作为一名顶级吉他大师，盖尔。摩尔是在用他的心在画，而绝不是用手指。</div>
	<p align = left>作为一名顶级吉他大师，<div align = center>盖尔。摩尔</div>是在用他的心在画，而绝不是用手指。<\p>
	</body>
</html>

2.15

居中--- <center>元素
<center>元素是一个独立的使所标记的字符居中的元素。它的作用与使用<p>元素里的align=“center”类似
例如：<center>居中段落</center>

<html>
	<head>
		<title>center的标记应用</title>
	</head>
	<body>
		<center>
		<p>那一年  你正年轻   总觉得明天肯定会很美</p>
		<p>那理想世界就像一道光芒   在你心里闪耀</p>
		<p>怎能就让这不停燃烧的心   就这样耗尽在平庸里</p>
		<p>你走在这繁华的街上就  在寻找你该去的方向<p>
		</center>
		<p>你走在这繁华的街上   在寻找你曾拥有的力量</p>
	</body>
</html>