vscode——HTML网页的内容添加和部分标签的使用

本文介绍了如何在VSCode中创建HTML页面,并展示了如何添加内容,特别是运用了p、h、strong、em和del等标签来增强文本的表现力。通过《再别康桥》这首诗的例子,详细解释了各个标签的用途和效果,如p标签用于段落,h标签用于标题,strong和em标签用于强调,del标签用于表示删除内容。
摘要由CSDN通过智能技术生成
网页的内容:一般都包含"文字,视频,内容";
1.打印出来网页的基本结构——>html5+tab——>vscode的功能——>用户自定义代码片段
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>demo1</title>
</head>
<body>
    <h1>徐志摩作品集</h1>
    <h3>再别康桥</h3>
    <p>轻轻的我走了,
            正如我轻轻的来;
            我轻轻的招手,
            作别西天的云彩。
            
            那河畔的金柳,
            是夕阳中的新娘;
            波光里的艳影,
            在我的心头荡漾。
            
            软泥上的青荇,
            油油的在水底招摇;
            在康河的柔波里,
            我甘心做一条水草!
            
            那榆荫下的一潭,
            不是清泉,是天上虹;
            揉碎在浮藻间,
            沉淀着彩虹似的梦。
            
            寻梦?撑一支长篙,
            向青草更青处漫溯;
            满载一船星辉,
            在星辉斑斓里放歌。
            
            但我不能放歌,
            悄悄是别离的笙箫;
            夏虫也为我沉默,
            沉默是今晚的康桥!
            
            悄悄的我走了,
            正如我悄悄的来;
            我挥一挥衣袖,
            不带
VSCode使用HTML标签有以下几个常用的方法和步骤: 1. 使用基本的HTML标签:在VSCode中编写HTML时,可以使用常见的HTML标签来构建网页。比如使用`<p>`标签来创建落,使用`<h1>`到`<h6>`标签来定义标题,使用`<ul>`和`<li>`标签创建无序列表等等。 2. 使用插件加速标签的输入:VSCode提供了丰富的插件来帮助开发者更快速地输入HTML标签。例如,安装HTML Snippets插件后,可以通过在HTML文件中输入标签的简写形式,然后按下Tab键,即可自动补全标签的代码。 3. 使用Emmet快速编写标签Emmet是一套用于快速编写HTML和CSS的工具,也可以在VSCode使用。通过使用Emmet的语法,可以更快速地编写HTML标签。例如,输入`div#container>p`,然后按下Tab键,即可生成一个id为container的`<div>`标签内包裹一个`<p>`标签。 4. 使用代码片:在VSCode中,可以为常用的HTML标签设置代码片,以便更快速地插入和编辑标签。通过在用户代码片添加HTML标签的模板,例如`<p>${1}</p>`,可以在编写HTML时快速插入这个模板,并且可以通过Tab键在标签的不同位置进行跳转和编辑。 综上所述,VSCode提供了多种方法和工具来帮助开发者更方便地使用HTML标签进行编码。你可以根据个人的喜好和需求选择适合自己的方法来编写HTML标签。<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值