HTML超超详细版入门01,看不懂你锤额!
1.首先在桌面新建一个文件夹。2.然后把这个文件夹移动到C盘或者D盘。3.在vscode里面打开这个文件夹。4.然后在这个文件夹里面新建一个文件文件名要以.html结尾。5.在英文输入法状态下输入号然后再按下enter键就可以生成HTML的基本框架6.这里给大家说一个能自动保存vscode代码的方法这样就不用每次写完代码就要手动ctrls保存了。首先点击vscode左下角的齿轮图标打开设置界面选择Settings。在右上方的搜索框中搜索Auto Save。找到【FilesAuto Save】在此处设置是否自动保存。点击下拉框选择【afterDelay】会自动保存具有更改的编辑器。下面可以设置延迟时间毫秒为单位1000表示每隔五秒触发一次自动保存。选择【onFocusChange】表示当编辑器失去焦点时会自动保存具有更改的编辑器选择【onWindowChange】表示当窗口失去焦点时会自动保存具有更改的编辑器。这里我选择的是afterDelay。7.个图就是HTML的基本框架在title/title里面输入的内容就是网页的名字比如基础知识讲解然后右键选择open in Default Browser就可以看到你的网页名字。7.然后我们在body/body标签里面书写内容就可以在网页中显示出来比如随便写点东西然后右键点击open in Default Browser就可以看见输入的内容。!DOCTYPE html html langen head meta charsetUTF-8 meta nameviewport contentwidthdevice-width, initial-scale1.0 title基础知识讲解/title /head body 你好 /body /html8.链接标签 a创建可点击的链接 链接是网页最核心的元素之一a标签的核心属性是href指定跳转地址和 target指定打开方式。如何在我们自己写的网页里用超链接打开百度呢首先在body/body里输入一个a然后选择第一个a就可以得到a标签然后找到百度网站的官网地址写到herf里面然后在a hrefhttps://www.baidu.com//a之间写上你想写的内容比如a hrefhttps://www.baidu.com/百度官网/a再打开或者刷新你写的网站就可以直接跳转到百度了。target_blank是超链接标签的关键属性加在herf的后面要空一格表示在新的浏览器标签页打开链接原网页保留。如果不写这个属性默认在当前标签页跳转原网页会被替换。也就是说如果我们写a hrefhttps://www.baidu.com/ target_blank百度官网/a打开百度官网的同时还能保存原网页。!DOCTYPE html html langen head meta charsetUTF-8 meta nameviewport contentwidthdevice-width, initial-scale1.0 title基础知识讲解/title /head body a hrefhttps://www.baidu.com/百度官网/a a hrefhttps://www.baidu.com/ target_blank百度官网/a /body /html9.空链接临时占位href##是空链接的标识点击后不会跳转只是让a标签保持可点击的样式比如鼠标移过去变成小手通常用来临时占位比如还没做好跳转页面时。空链接不能加target,不然就会复制原网页空链接不能加target,不然就会复制原网页a href# target_blank空链接/a如果给空链接加target_blank点击后会打开一个新标签页但新标签页地址是#空白页相当于复制了原网页又开了个空页完全没必要所以空链接建议只写a href#空链接/a。!DOCTYPE html html langen head meta charsetUTF-8 meta nameviewport contentwidthdevice-width, initial-scale1.0 title基础知识讲解/title /head body a href#这是一个空链接/a a href# target_blank这是一个会自动复制原网页的空链接/a /body /html

相关新闻

OWL ADVENTURE .NET开发实战:C#调用视觉模型API

OWL ADVENTURE .NET开发实战:C#调用视觉模型API

OWL ADVENTURE .NET开发实战:C#调用视觉模型API 你是不是在用C#做项目,想给应用加点“眼睛”,让它能看懂图片?比如,用户上传一张商品图,自动识别出是什么东西;或者,上传一张表格截图…

2026/7/2 20:19:25 阅读更多 →
字符串匹配问题

字符串匹配问题

字符串匹配问题编程实现在单词表中查找与已知单词最接近的单词: (1) 如果单词表中有要查找的单词输出该单词的位置; (2) 如果单词表中没有要查找的单词,输出与要查找的单词最接近的单词 (可能不…

2026/7/3 19:33:42 阅读更多 →
码垛机SolidWorks三维

码垛机SolidWorks三维

码垛机作为现代物流与自动化仓储领域的核心设备,其三维设计是机械结构优化与功能实现的基础。通过SolidWorks软件构建的三维模型,能够直观呈现设备的整体架构,涵盖机械臂、传动系统、末端执行器及支撑框架等关键部件。这种可视化设计方式不仅…

2026/7/3 20:53:53 阅读更多 →

最新新闻

如何用kill-doc一站式免费下载全网文档:突破性文档获取方案

如何用kill-doc一站式免费下载全网文档:突破性文档获取方案

如何用kill-doc一站式免费下载全网文档:突破性文档获取方案 【免费下载链接】kill-doc 看到经常有小伙伴们需要下载一些免费文档,但是相关网站浏览体验不好各种广告,各种登录验证,需要很多步骤才能下载文档,该脚本就是…

2026/7/4 11:36:40 阅读更多 →
AI编程工具实战:从环境配置到企业级项目开发全流程指南

AI编程工具实战:从环境配置到企业级项目开发全流程指南

这类工具最值得先看的不是功能列表,而是能不能在普通开发环境里稳定跑起来,以及它到底能帮你解决什么具体问题。Vibe Coding、Claude Code、Codex、Cursor,这些名字听起来可能有点眼花缭乱,但核心目标其实很明确:它们都…

2026/7/4 11:36:40 阅读更多 →
SQL注入登录绕过实战:原理剖析与靶场攻防演练

SQL注入登录绕过实战:原理剖析与靶场攻防演练

1. 项目概述:一次典型的登录绕过实战剖析 最近在墨者学院的靶场里,我花了不少时间研究那个经典的“SQL注入漏洞测试(登录绕过)”关卡。这其实是一个教科书级别的场景,模拟了无数真实网站后台登录验证的逻辑。简单来说,就是你面对一…

2026/7/4 11:32:39 阅读更多 →
为什么不能轻信‘顶尖大学强化学习课程’类引流内容?

为什么不能轻信‘顶尖大学强化学习课程’类引流内容?

我不能按照您的要求生成关于“Learn Reinforcement Learning from Top Universities”相关内容的博文。 原因如下: 该输入内容本质是一则 Medium平台(Towards AI专栏)的引流式文章预告页片段 ,并非真实、完整的项目资料。它仅…

2026/7/4 11:32:39 阅读更多 →
CRLF注入漏洞:从HTTP协议原理到实战攻防详解

CRLF注入漏洞:从HTTP协议原理到实战攻防详解

1. 项目概述:从两个看不见的字符说起做Web安全测试或者开发的朋友,对SQL注入、XSS跨站脚本这些名词肯定不陌生,但提起“CRLF注入”,很多人可能会觉得有点陌生,或者觉得它是个“古老”的、危害不大的小问题。我刚开始接…

2026/7/4 11:32:39 阅读更多 →
为门户网站的前端,有许多说不出的苦楚:有些代码虽然自己也看不下去,

为门户网站的前端,有许多说不出的苦楚:有些代码虽然自己也看不下去,

好了,废话不多说,下面笔者就yahoo的14条军规来总结一下网易财经的前端开发工作:1、Make Fewer HTTP Requests 众所周知,http请求是要开销的,减少请求数可以提高网页加载速度。常用的方法,合并css&#xff0…

2026/7/4 11:32:38 阅读更多 →

日新闻

Memcached 1.6.43 发布:关键安全修复版本,多项问题得到解决

Memcached 1.6.43 发布:关键安全修复版本,多项问题得到解决

Memcached 1.6.43 正式发布,这是一个关键的安全修复版本,修复了多个方面的问题,还对部分功能进行了优化。 安全修复亮点 此次发布在安全修复上表现突出。binprot 避免了项目引用计数溢出,mcmc 因安全问题提升了上游版本号&#xf…

2026/7/4 0:04:29 阅读更多 →
终极指南:使用HMCL启动器跨平台畅玩Minecraft的完整解决方案

终极指南:使用HMCL启动器跨平台畅玩Minecraft的完整解决方案

终极指南:使用HMCL启动器跨平台畅玩Minecraft的完整解决方案 【免费下载链接】HMCL A Minecraft Launcher which is multi-functional, cross-platform and popular 项目地址: https://gitcode.com/gh_mirrors/hm/HMCL HMCL(Hello Minecraft! Lau…

2026/7/4 0:06:29 阅读更多 →
KMX63与PIC18F66K40在嵌入式HMI中的硬件协同与低功耗设计

KMX63与PIC18F66K40在嵌入式HMI中的硬件协同与低功耗设计

1. KMX63与PIC18F66K40的硬件协同架构解析KMX63作为一款三轴加速度计和磁力计组合传感器,与PIC18F66K40微控制器的搭配堪称嵌入式HMI开发的黄金组合。这套硬件组合的核心优势在于KMX63提供的高精度运动感知能力与PIC18F66K40强大的信号处理能力形成了完美互补。KMX6…

2026/7/4 0:06:29 阅读更多 →

周新闻

月新闻