复习笔记
①加粗一行文字,不要用标签.
②一行该大字,一行改小字,一行改斜体.
③2和2的下标,还有5的2次方显示出来.
④欲穷千里目显示下划线.
⑤更上一层楼显示删除线.
⑥敲一段java代码,并用预格式化的方式显示.
⑦设置从左到右的文字,从右到左的文字.
⑧插入一张图片,分别设置50%大小显示和200像素显示.
⑨显示”< >”(小于号+5个空格+大于号)
网页效果
自测代码
<html>
<head>
<title>这是我的第一个网页</title>
</head>
<body>
<br><strong>我爱我的祖国</strong></br>
<br><big>我爱我的祖国</big></br>
<br><small>我爱我的祖国</small></br>
<br>2<sub>2</sub></br>
<br>5<sup>2</sup></br>
<br><u>欲穷千里目</u></br>
<br><s>更上一层楼</s></br>
<br><pre>
class Person
{
system.out.println();
}</pre></br>
<br><marquee direction="right">我爱我的祖国</marquee></br>
<br><img src="java.jpg"></br>
<br><img src="java.jpg" width="10%"></br>
<br><img src="java.jpg" width="300px"></br>
<br><     ></br>
</body>
</html>
课堂笔记
格式化标签
1.
(1)加粗文件
<stong>
(2)文字变大变小
big
(3)斜体
<i></i>
(4)下标字体
2的2次方
(5)上标
<sup>
(6)下划线
<u></u>
(7)删除线
<s></s>
<strike></strike>五十块钱买个你
(8)预格式化文本
<pre></pre>
(9)marquee标签
设置可移动的文字(从右往左移动)
direction="right"
(10)img
图像标签
<img></img>
设置百分比或者像素
<img src="java.jpg" width="10%">
<br><img src="java.jpg" width="200px"></br>
(11)html的实体
< >>
显示结果 描述 实体名 实体号
不可拆分的空格  
< 小于 < <
> 大于 > >
& and符号 & &
" 引号 " "
' 单引号 '
显示结果 描述 实体名 实体号
¢ 分 ¢ ¢
£ 英镑 £ £
¥ 人民币元 ¥ ¥
§ 章节 § §
? 版权 © ©
? 注册 ® ®
× 乘号 × ×
÷ 除号 ÷ ÷
代码
<html>
<head>
<title>这是我的第一个网页</title>
</head>
<body>
<br><img src="java.jpg" width="200px"></br>
<br><b>我爱学java</b></br>
<p><h1 align="center">秦时明月汉时关</h1></p>
<p><h2>秦时明月汉时关</h2></p>
<p><h3>秦时明月汉时关</h3></p>
<p><h4>秦时明月汉时关</h4></p>
<p><h5>秦时明月汉时关</h5></p>
<p><h6>秦时明月汉时关</h6></p>
<!--这里是注释代码-->
<p><br><strong>万里长征人未还</strong></br><br>但使龙城飞将在</br></p>
<p><s>更上一层楼</s></p>
<p><big>更上一层楼</big></p>
<p><small>更上一层楼</small></p>
<p><small><i>更上一层楼</i></small></p>
<p>2<sub>2</sub></p>
<p>5<sup>2</sup></p>
<p><u>更上一层楼</u></p>
<p><strike>欲穷千里目(不用s标签)</strike></p>
<hr witch="50% "size=20 color="red"></hr>
<p>
<pre>class person
{
system.out.println("我爱学java")
}</pre></p>
<marquee direction="right">可移动文字</marquee>
<br>< >></br>
<br>
< ></br>
</body>
</html>