1.首先，我们先写一个简单的html文件。
<h1>是定义一个一级标题<p>是定义一个段落，书写代码。
代码：
<span style="font-size:12px;"><html>
<body>
<h1>春晓</h1>
<p>春眠不觉晓</p>
</body>
</html></span>
2.设置文字样式
<b>定义粗体文本
<big>定义大号字<em>定义着重文字
<i>定义斜体文字
<small>定义小号字
<strong>加重语气
<sub>定义下标
<sup>定下上标
<ins>定义插入字
<del>定义删除字
代码：
<html>
<body>
<h1>各种文本</h1>
<b>我是一只小小小小鸟</b><br/>
<big>怎么飞呀飞呀飞不高嗷嗷</big><br/>
<em>飞呀飞呀飞呀飞呀</em><br/>
<i>寻寻觅觅寻寻觅觅</i><br/>
<small>终于找到你的怀抱</small><br/>
<strong>我要飞的更高，飞的更高</strong><br/>
哈哈哈<sub>想迎接风暴，挣脱烦恼</sub><br/>
<sup>飞的更高</sup><br/>
<ins>摔得更惨</ins><br/>
<del>删除一切，重新开始</del><br/>
</body>
</html>
3.html样式：
<style>定义样式
内部样式表：
当单个文件需要特别的样式时，可以使用内部样式表，在head部分我们可以通过style标签定义内部样式表。
格式：
<head>
<style type="text/css">
<p>{color：red}
<h1>{color:blue}
</style>
</head>
内联样式：
内部样式表只要出现p就为红色，只要出现h1就为蓝色。（整个文件）
而内联样式，只在定义的那一行样式会变化。（特殊的元素）
代码：
<html>
<head>
<style type="text/css">
p{color:blue} <!--将段落的文本设置成蓝色-->
<pre name="code" class="html">h1{color:red} <!--将一级标题的颜色设置为红色-->
</style>
</head>
<body>
<h1>春晓</h1>
<p>春眠不觉晓<br/>处处闻啼鸟</p>
</body>
</html>
4.设置字体颜色、字体样式、字体大小、背景颜色、距离左边界像素距离
<p style="color:red">abc</p>设置颜色<p style="font-family:arial">abc</p>改变颜色<p style="font-size:20px">abc</p><p style="font-family:arial;font-color:red;font-size:pink">
<html>
<body>
<h1>春晓</h1>
<p style="color:red">春眠不觉晓<br/>处处闻啼鸟 </p>
<p style="font-family:'方正兰亭超细黑简体'">春眠不觉晓<br/>处处闻啼鸟
</p>
<p style="font-size:20px">春眠不觉晓<br/>处处闻啼鸟</p>
<p style="background-color:red">春眠不觉晓<br/>处处闻啼鸟</p>
<p style="margin-left:20px">春眠不觉晓<br/>处处闻啼鸟</p>
</body>
</html>效果：
5.美化链接（去掉下划线）
新建一个文本，编写代码。
代码：
<html>
<body>
<h1>春晓</h1>
<p>
<a href="C:/Users/Administrator/Desktop/2.html"
style="text-decoration:none">百度</a>
春眠不觉晓
处处闻啼鸟
夜来风雨声
花落知多少
</p1>
</body>
</html>6.无需新建一个窗口，超链接点击后只是在原来的窗口上刷新
新建一个文本，编写代码。
代码：
<html>
<body>
<h1>春晓</h1>
<p>
<a href="C:/Users/Administrator/Desktop/2.html" target="_blank">百度</a>
春眠不觉晓
处处闻啼鸟
夜来风雨声
花落知多少
</p1>
</body>
</html>效果：
7.点一个图片后超链接
<html>
<body>
<h1>春晓</h1>
<a href="2.html"><img border="0" src="1.jpg"/></a>
<p>春眠不觉晓</p>
</body>
</html>
1118
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
