其他分享
首页 > 其他分享> > 3、HTML文本

3、HTML文本

作者:互联网

HTML文本

段落标签:

效果:

1级至6级标题标签:

效果:

换行标签及空格字符实体

效果:

文本格式化标签< strong >、< em > 、< del > 、< span >

效果:

HTML文本-课后作业

1.请用h1~h6标签实现下图的效果

我的答案:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>1.你好帅啊</h1>
<h2>2.你好帅啊</h2>
<h3>3.你好帅啊</h3>
<h4>4.你好帅啊</h4>
<h5>5.你好帅啊</h5>
<h6>6.你好帅啊</h6>
</body>
</html>

2.p标签和h标签有啥区别,并用正确的标签,让浏览器显示出下面的文字。

我的答案:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>我爱你</h1><br>
我爱你,爱着你,就像老鼠爱大米。
</body>
</html>

3.要让一个文字加粗是用什么标签?

我的答案:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
我爱你,爱着你,就像老鼠爱<strong>大米</strong>
</body>
</html>

4.让文字同时变成斜体和加粗怎么弄?

我的答案:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
我爱你,爱着你,就像老鼠爱<em><strong>大米</strong></em>
</body>
</html>

5.让文字同时变成斜体、加粗并加删除线怎么弄?

我的答案:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
我爱你,爱着你,就像老鼠爱<em><strong><del>大米</del></strong></em>
</body>
</html>

6.用span标签,实现下图文字字体30px,颜色为绿色green。

我的答案:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
我爱你,爱着你,就像老鼠爱<span style="color: green;font-size: 30px">大米</span>
</body>
</html>

7.如何实现换行,以及显示出< >?

我的答案:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
我爱你,<br>我是用<span style="color: red">&lt;<strong>br</strong>&gt;</span>换行的<br>爱着你,<br>我是用<span style="color: red">&lt;<strong>br</strong>&gt;</span>换行的<br>就像老鼠爱大米。
</body>
</html>

8.请阅读资料

https://developer.mozilla.org/zh-CN/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals

标签:大米,我爱你,Title,标签,爱着,HTML,文本
来源: https://www.cnblogs.com/I-Love-Programming/p/14473594.html