html综合实例(一)-利用vscode创建html页面

最新推荐文章于 2023-08-04 08:54:39 发布

LibraFree

最新推荐文章于 2023-08-04 08:54:39 发布

阅读量1k

点赞数 4

分类专栏：前端篇文章标签： vscode html ide

本文链接：https://blog.csdn.net/qq_51670115/article/details/126644579

版权

前端篇专栏收录该内容

8 篇文章 1 订阅

订阅专栏

文章目录

- 利用vscode快速编译html文件
- 创建页面

利用vscode快速编译html文件

进入vscode官网下载
进入扩展安装汉化插件
新建文件夹并，创建html文件
进去后是空白，输入感叹号回车后自动补全

补全后

创建页面

<!DOCTYPE html>
<html lang="en">
   
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width9, initial-scale=1.0">
    <title>我利用VScode创建的第一个页面</title>
</head>

<body>
    <h4 id="top"></h4>
    <h1>一级标签</h1>
    <h2>two</h2>
    <h3>three</h3>
    <h4>four</h4>
    <h5>five</h5>
    <h6>six</h6>
    <a href="#local">定位标签</a>


    <p>段落</p>
    换行<br/>
    换行<br/>
    <br/>
    <P>生活不可能像你想象得那么好，但也不会像你想象得那么糟。我觉得人的脆弱和坚强都超乎自己的想象。有时，我可能脆弱得一句话就泪流满面；有时，也发现自己咬着牙走了很长的路</P>
    <P>2.人生就像一杯茶，不会苦一辈子，但总会苦一阵子。</P>
    <P>3.你坚持下来了，而别人坚持不下来，这就是你的资本。</P>
    <P>4.生活有苦有甜，才叫完整。日子有阴有晴，才叫自然。心情有悲有喜，才叫体会。爱情有闹有和，才叫情趣。</P>
    <P>5.君子的力量永远是行动的力量，而不是语言的力量。</P>111
 
    <p>bkys<br/> 2020-11-23
    </p>
    <p>正常文本</p>
    
 
    <div>一个div标签，独占一行</div>111
    <span>百度</span>
    <span>新浪</span>
    <span>搜狐</span>
    
    文本格式化标签
    <strong>加粗</strong><br/>
    <b>加粗</b><br/>

    <em>倾斜</em> <br>
    <i>倾斜</i> <br>

    <del>删除</del><br/>
    <s>删除</s><br/>

    <ins>下划线</ins><br/>
    <u>下划线</u><br/>
    
    <h4 id="local">图片标签的使用</h4>
    <a href="#top">返回顶部</a>
    <img src="111.jpg"/>
    <h4> alt  替换文本 图像显示不出来用文字替换</h4>
    <img src="11.jpg" alt="替代"/>
    <h4>title 鼠标放在图像上，提示的文字</h4>
    <img src="111.jpg" title="提示"/>

    <h4>width给图像设置宽度 height高度</h4>
    <img src="111.jpg" title="提示" width="400" height="200" />
    <h4>border 给图像设定边框</h4>
    <img src="111.jpg" title="提示" width="400" height="200" border="15"/>
</body>

</html>