HTML第一节

news/2025/2/22 14:55:54
htmledit_views">

一.HTML标签 

注意:1.双标签是要包裹内容的 (单标签单独记)

二.HTML骨架

1.骨架规则

注意:1.title为网页的名字 

2.VS code自动生成骨架

注意:1.先输入感叹号(必须为英文) 再按回车

三.标签间的关系

四.注释

 

注意:1.在要添加注释的一行中的任意位置按快捷键即可添加注释

五.标题 

1.标题标签

 2.段落标签

 注意:两个p显示的段落之间有空隙

技巧:输入h1或p,再按回车键就可以自动切出来<h1></h1>和<p></p>

html"><!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>蛊真人</title>
</head>
<body>
    <h1>蛊真人</h1>
    <h2>坚持</h2>
    <p>“我曾经呐喊过,渐渐的我不发出声音。我曾经哭泣过,渐渐的我不再流泪。我曾经悲伤过,渐渐的我能承受一切。我曾经喜悦过,渐渐的我看淡世<间。而如今!我只剩下面无表情,我的目光如磐石般坚硬,我的心中剩下坚持。” </p>
    <h2>失败</h2>
    <p>“我们既然意识到自己的渺小,那就更应该变得强大。我们本来就是渺小的,只是从无知变得有知,你感到痛苦,是因为你在成长。”</p>
</body>
</html>

 六.换行和水平线

注意:1.关于第一条

七.文本格式化标签

 一般用左边的

html"><!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>换行和水平线</title>
</head>
<body>
    <strong>strong 加粗</strong>
    <em>em 倾斜</em>
    <del>del 删除线</del>
    <ins>ins 下划线</ins>
</body>
</html>

 

 

八.图片标签 

注:后两个可以通过css来设置 

九.相对路径和绝对路径

 

十.超链接

注:1.打一个a按回车即可生成<a href=""></a> 

十一.音频和视频标签

1.音频标签 

 2.视频标签

 

 注:本文为对B站黑马免费课程的总结,主要用于本人复习和练习用

 


http://www.niftyadmin.cn/n/5862414.html

相关文章

Redis中有序集合(Sorted Set)常见命令详解

有序集合&#xff08;Sorted Set&#xff09;常见命令详解 有序集合&#xff08;Sorted Set&#xff0c;简称zset&#xff09;是Redis中一种非常特殊的数据结构&#xff0c;它结合了集合&#xff08;Set&#xff09;和有序列表&#xff08;Sorted List&#xff09;的特点。在有…

路由器的WAN口和LAN口有什么区别?

今时今日&#xff0c;移动终端盛行的时代&#xff0c;WIFI可以说是家家户户都有使用到的网络接入方式。那么路由器当然也就是家家户户都不可或缺的设备了。而路由器上的两个实现网络连接的基础接口 ——WAN 口和 LAN 口&#xff0c;到底有什么区别&#xff1f;它们的功能和作用…

DeepSeek安装部署笔记(一)

Ollamaopen-WebUI部署 DeepSeek安装部署笔记第一步 Ollama安装1.安装ollama&#xff1a;官网https://ollama.com/下载2.上面安装完成&#xff0c;在cmd命令行&#xff1a; 第二步 给DeepSeek添加OpenWebUI界面&#xff08;重点&#xff09;1.安装conda&#xff1a;用它来管理py…

DDD架构实战:用Java实现一个电商订单系统,快速掌握领域驱动设计

引言 你是否曾为复杂的业务逻辑感到头疼&#xff1f;是否在面对需求变更时感到无力&#xff1f;今天&#xff0c;我们将带你深入**领域驱动设计&#xff08;DDD&#xff09;**的世界&#xff0c;通过一个简单的电商订单系统实战项目&#xff0c;快速掌握DDD的核心思想与实现方…

『大模型笔记』详细对比GraphRAG与传统RAG!

详细对比GraphRAG与传统RAG! 文章目录 详细对比GraphRAG与传统RAG!要点最终内容1. GraphRAG的作用与应用场景2. GraphRAG与传统RAG的对比3. GraphRAG的工作原理4. GraphRAG如何提高准确性和提供完整答案5. GraphRAG在开发和维护中的优势6. GraphRAG对生产环境的影响7. GraphR…

黑盒测试、白盒测试、单元测试、集成测试、系统测试、验收测试的区别与联系

黑盒测试 vs. 白盒测试 vs. 其他测试类型&#xff08;单元测试、集成测试、系统测试、验收测试&#xff09;的区别与联系 一、黑盒测试&#xff08;Black-box Testing&#xff09; 定义&#xff1a;不关心代码内部实现&#xff0c;只关注输入和输出是否符合预期。特点&#x…

Linux-Ansible自动化运维

文章目录 自动化运维Ansible &#x1f3e1;作者主页&#xff1a;点击&#xff01; &#x1f916;Linux专栏&#xff1a;点击&#xff01; ⏰️创作时间&#xff1a;2025年02月21日17点38分 自动化运维 自动化运维常用工具 Ansible 和 SaltStack 自动化运维优势&#xff1a; 服…

【原创】Ubuntu 22安装nexus私服

Nexus Repository Manager 是由 Sonatype 公司开发的一款非常流行的 Maven 私服解决方案。Nexus 提供了多种类型的仓库管理&#xff0c;包括代理远程仓库、托管内部构件的仓库以及用于快照版本和发布版本的仓库。 下载 官网地址&#xff1a;https://www.sonatype.com/ 下载地…