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"><<strong>br</strong>></span>换行的<br>爱着你,<br>我是用<span style="color: red"><<strong>br</strong>></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