[第五季]html格式化标签

来源：互联网发布：淘宝网宝贝主图尺寸编辑：程序博客网时间：2024/06/10 02:38

复习笔记

①加粗一行文字,不要用标签.
②一行该大字,一行改小字,一行改斜体.
③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>&lt;&nbsp&nbsp&nbsp&nbsp&nbsp&gt;</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的实体&lt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&gt;&gt;显示结果    描述              实体名     实体号             不可拆分的空格     &nbsp;      &#160; <         小于            &lt;        &#60; >         大于            &gt;        &#62; &         and符号         &amp;       &#38; "         引号             &quot;         &#34; '         单引号                       &#39; 显示结果  描述            实体名         实体号  ￠       分               &cent;      &#162; ￡       英镑          &pound;         &#163; ￥       人民币元            &yen;       &#165; §       章节          &sect;      &#167; ?       版权          &copy;      &#169; ?       注册          &reg;       &#174; ×       乘号          &times;         &#215; ÷       除号          &divide;        &#247;

代码

<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>&lt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&gt;&gt;</br><br><      ></br></body></html>

阅读全文

0 0