[第五季]html格式化标签

最新推荐文章于 2024-03-18 09:00:00 发布

低调的嚣张的程序员

最新推荐文章于 2024-03-18 09:00:00 发布

阅读量407

点赞数

分类专栏： 007 HTML&CSS

本文链接：https://blog.csdn.net/zeephom/article/details/76304092

版权

007 HTML&CSS 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

复习笔记

①加粗一行文字,不要用标签.
②一行该大字,一行改小字,一行改斜体.
③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

收藏

觉得还不错? 一键收藏
0
评论
[第五季]html格式化标签

复习笔记网页效果课堂笔记格式化标签1.(1)加粗文件<stong>(2)文字变大变小big(3)斜体(4)下标字体2的2次方(5)上标(6)下划线(7)删除线<s></s><strike></strike>五十块钱买个你(8)预格式化文本<pre></pre>(9)marquee标签设置可移动的文字(从右往左移动)dir
复制链接

扫一扫

专栏目录