HTML常用标签-<body>内基本标签(块级标签和内联标签)

本文介绍了HTML中常用的标签,包括标题标签&lt;hn&gt;系列、段落标签&lt;p&gt;及加粗标签&lt;b&gt;等。通过示例代码展示了不同标签的实际应用效果。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

           HTML常用标签-<body>内基本标签(块级标签和内联标签)

                                      作者:尹正杰

版权声明:原创作品,谢绝转载!否则将追究法律责任。

 

 

一.<hn>系列标签

  n的取值范围是1~6,从小到大,用来表示标题。

 1 <!--
 2 @author :yinzhengjie
 3 Blog:http://www.cnblogs.com/yinzhengjie/tag/%E5%89%8D%E7%AB%AF%E9%82%A3%E4%BA%9B%E4%BA%8B/
 4 EMAIL:y1053419035@qq.com
 5 -->
 6 <!DOCTYPE html>
 7 <html lang="en">
 8 <head>
 9     <meta charset="UTF-8">
10     <title>yinzhengjie</title>
11 </head>
12 <body>
13 <h1>尹正杰</h1>
14 <h2>尹正杰</h2>
15 <h3>尹正杰</h3>
16 <h4>尹正杰</h4>
17 <h5>尹正杰</h5>
18 <h6>尹正杰</h6>
19 </body>
20 </html>

  以上代码在浏览器执行效果如下:

二.<p>标签

  该标签为段落标签.,包裹的内容被换行,并且也上下内容之间有一行空白。

 1 <!--
 2 @author :yinzhengjie
 3 Blog:http://www.cnblogs.com/yinzhengjie/tag/%E5%89%8D%E7%AB%AF%E9%82%A3%E4%BA%9B%E4%BA%8B/
 4 EMAIL:y1053419035@qq.com
 5 -->
 6 <!DOCTYPE html>
 7 <html lang="en">
 8 <head>
 9     <meta charset="UTF-8">
10     <title>yinzhengjie</title>
11 </head>
12 <body>
13 <h3>再别康桥</h3>
14 <p>悄悄的我走了,</p>
15 <p>正如我悄悄的来;</p>
16 <p>我挥一挥衣袖,</p>
17 <p>不带走一片云彩。</p>
18 </body>
19 </html>

  以上HTML代码在浏览器中的执行效果如下:

三.<b>标签

  该标签用于加粗的标签。

 

 

四.

 

1.用HTML标记语言编写一个简单的网页,网页最基本的结构是( )。 A.<html> <head>…</head> <frame>…</frame> </html> B.<html> <title>…</title> <body>…</body> </html> C.<html> <title>…</title> <frame>…</frame> </html> D.<html> <head>…</head> <body>…</body> </html> 2.HTML中,设置背景颜色的代码是()。 A.<body bgcolor=?> B.<body text=?> C.<body link=?> D.<body vlink=?> 3.在HTML中,下面是段落标签的是( )。 A.<html>…</html> B.<head>…</head> C.<body>…</body> D.<p>…</p> 4.HTML文件中的图片标记是( )。 A.<a> B.<img> C.<link> D.<picture> 5.HTML文本显示状态代码中,<SUP></SUP>表示( )。 A.文本加注下标线 B.文本加注上标线 C.文本闪烁 D.文本或图片居中 6.创建一个位于文档内部位置的链接的代码是( )。 A.<a href="#NAME"></a> B.<a name="NAME"></a> C.<a href="mailtEMAIL"></a> D.<a href="URL"></a> 7.HTML中,插入图像的HTML代码是<img src="">,其中src的含义是( )。 A.链接的地址 B.图像的路径 C.所插入图像的属性 D.以上都正确 8.设置围绕一个图像的边框的大小的标记是( )。 ``` A.<img src="name" border=?></img> B.<img src="name" border=?> C.<img src="name" height=?> D.<img src="name" bordersize=?> ``` 9.在HTML代码中,给表格添加行的标记是( )。 A.<tr></tr> B.<td></td> C.<th></th> D.以上都正确 10.表格标记的基本结构是( )。 A.<tr></tr> B.<br></br> C.<table></table> D.<bg></bg> 11.定义表格常用的3个标签是( )。 A.<table> B.<tr> C.<td> D.<tp> 12.两个属性( )可用于表格的合并单元格。 A.colspan B.trspan C.tdspan D.rowspan 13.HTML代码<select name="NAME"></select>表示( )。 A.创建表格 B.创建一个滚动菜单 C.设置每个表单项的内容 D.创建一个下拉菜单 14.HTML代码<input type=text name="foo" size=20>表示( )。 A.创建一个单选框 B.创建一个单行文本输入区域 C.创建一个提交按钮 D.创建一个使用图像的提交按钮 15.JS中常见数据类型有哪几个( ) A.number B.boolean C.string D.double
最新发布
07-10
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值