html学习：练习1.1&练习1.2

最新推荐文章于 2024-07-18 15:09:01 发布

子在梦中曰

最新推荐文章于 2024-07-18 15:09:01 发布

阅读量594

点赞数

分类专栏： HTML 文章标签： html

本文链接：https://blog.csdn.net/zizaimengzhongyue/article/details/24254603

版权

HTML 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

练习1.1、

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>练习1.1</title>
</head>

<body>
<h1><b><p align="center">《书籍目录》</p></b></h1>
<h2><b><p>第一章：简介</p></b></h2>
<hr color="black" noshade="noshade" width="1350px" size="0.5"/>
<h3>1.1 关于XX<sup>1</sup>的简介</h3>
<h3>1.2 XX的历史</h3>
<h2>第二章：深入介绍</h2>
<hr color="black" noshade="noshade" width="1350px" size="0.5"/>
<h3>2.1 XX原理分析</h3>
<h3>2.2 XX在实际中的应用</h3>
<h3>2.3 XX的未来展望<sup>2</sup><br/><br/></h3>
<font size="2">1:XX为某公司的注册商标，版权所有</font><br/>
<font size="2">2:展望部分为作者个人观点，与出版社无关</font>
</body>
</html>

练习1.2、实现一些特殊的文字效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>练习1.2</title>
</head>

<body>
<font>标签的<u>size</u>属性 
<font size="1">1</font>
<font size="2">2</font>
<font size="3">3</font>
<font size="4">4</font>
<font size="5">5</font>
<font size="6">6</font>
<font size="7">7</font>
<br/>
<font>标签的<u>color</u>属性 
<font color="#000000">文</font>
<font color="#111111">字</font>
<font color="#222222">的</font>
<font color="#333333">颜</font>
<font color="#444444">色</font>
<font color="#555555">由</font>
<font color="#666666">黑</font>
<font color="#777777">色</font>
<font color="#888888">逐</font>
<font color="#999999">渐</font>
<font color="#AAAAAA">过</font>
<font color="#BBBBBB">渡</font>
<font color="#CCCCCC">为</font>
<font color="#DDDDDD">白</font>
<font color="#EEEEEE">色</font>
<br/>
<b><i>黑体：</i> Hello world 你好世界</b><br/>
<b><i>楷体：</i></b> <font face="楷体_GB2312">Hello world 你好世界</font><br/>
<b><i>漫画字体：</i></b> <font face="Comic Sans MS">Hello world 你好世界</font><br/>
</body>
</html>