首页 > 其他分享 >html编辑器

html编辑器

时间:2024-03-17 22:31:17浏览次数:18  
标签:文件 Code HTML 编辑器 html https

HTML 编辑器推荐

html可以使用记事本编辑
但是更建议使用专业的 HTML 编辑器来编辑 HTML,我在这里给大家推荐几款常用的编辑器:

当然,真正技术高超的程序员都是用记事本编辑代码的,你之所以觉得用记事本写不了那是因为你技术不到家

在这里插入图片描述

vscode

因为本人更喜欢使用vscode编写代码,所以这里以着重介绍vscode

Visual Studio Code(简称 VS Code)是一个由微软开发,同时支持 Windows 、 Linux 和 macOS 等操作系统且开放源代码的代码编辑器,编辑器中内置了扩展程序管理的功能。

步骤 1: 新建 HTML 文件
在 VS Code 安装完成后,选择" 文件(F)->新建文件(N) ",在新建的文件中输入以下代码:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>hello world</title>
</head>
<body>
 
<h1>我的第一个标题</h1>
 
<p>我的第一个段落。</p>
 
</body>
</html>

在这里插入图片描述
步骤 2: 另存为 HTML 文件
然后选择" 文件(F)->另存为(A) ",文件名为 hello.html:
--

当保存 HTML 文件时,既可以使用 .htm 也可以使用 .html 扩展名。两者没有区别,完全根据您的喜好,我建议统一用 .html。

在一个容易记忆的文件夹中保存这个文件,比如 hello

步骤 3: 在浏览器中运行这个 HTML 文件
然后鼠标右击编辑器上的文件名,选择预览
在这里插入图片描述

在这里插入图片描述

标签:文件,Code,HTML,编辑器,html,https
From: https://blog.csdn.net/weixin_44368963/article/details/136766548

相关文章

  • html钓鱼姿势分享
    0x00实验环境靶场:全新的windows笔记本,kali 0x01实验前提(1)学习国外大佬的文章攻击链:Email-->invoice.pdf-->包含一个链接-->search-ms:query=decoy&crumb=location:\\\\127.0.0.1@5000\\dec&displayname=Hello,isitmeyou\'relookingfor?-->invoice.ln......
  • HTML标签
    目录HTMLHTML标签注释标签标题标签段落标签格式化标签图片标签超链接标签css代码表格标签列表标签表单标签单选框复选框按钮选择文件上传下拉菜单多行编辑框div&spanHTMLHTML的全称为超文本标记语言,是一种标记语言。它包括一系列标签,通过这些标签可以......
  • JavaWeb - HTML基础
    常用标签font文本标签<fontface="黑体"color="#0099FF">黑体效果</font><fontsize="3"color="#990000">3号文字效果</font><!--face=字体样式,color=颜色,size:字体大小-->p段落标签、br换行标签本段落内容...<p>第二段内容<......
  • HTML学习笔记5: table表格标签
    table表格标签tableborder            表格边框的宽度width规定表格的宽度cellspacing规定单元格之间的空隙tr:行td:单元格th:如果是表头单元格,可以替换为th,默认带有加粗和居中展示的效果<tableborder="5px"width="6......
  • HTML学习笔记6: form表单标签
    Form表单标签属性action   规定当提交表单时向何处(URL)发送表单数据如果不指定URL,默认提交到当前页面method   规定用于发送表单数据的方式(默认值是GET)GET  在URL后拼接表单数据:?username=hikaru44&age=2000,URL的长度是有限制的,所以GET没......
  • HTML学习笔记7: form表单项
    表单项input    定义表单项,通过type属性控制输入形式select定义下拉列表textarea定义文本域inputtext文本框姓名:<inputtype="text"name="name"><br><br>password密码框密码:<inputtype="password"name="pass......
  • HTML学习笔记4: 盒子模型
    盒子模型布局标签div&spanDIV一行只显示一个,宽度默认是父元素的宽度, 高度默认由内容撑开,可以设置宽高设置div的CSS样式<style>div{width:200px;height:200px;box-sizing:border-box;/*指定widthheight为盒子的宽高*/......
  • HTML学习笔记1: 常见标签
    HTML常见标签p段落标签<p>段落内容</p>b加粗标签<b>加粗标签</b>strong加粗+强调标签strong和b在样式上没有什么差别,只是便于强调区分<strong>强调+加粗标签</strong>img图片标签src图片路径(绝对磁盘路径,绝对网页路径,相......
  • HTML学习笔记3: CSS选择器
    CSS选择器元素选择器<style>p{color:lightcoral;}</style><!--元素选择器:设置了某个元素(span,p,h1)的样式--><p>元素选择器</p>类选择器<style>.hclass{color:lightgoldenrodyellow;}</style><!--类选择器:给标签指定一个类--><......
  • HTML学习笔记2: CSS样式
    【HTML】CSS样式设置CSS样式的三种方式行内样式(不推荐)内嵌样式(写在style标签中,可以写在页面各种位置,一般写在head标签中)外联样式写在单独的css文件中,需要通过link在网页中引入行内样式<h1style="color:rgb(66,139,92);">行内样式</h1>内嵌样式<style> ......