HTML简介、基本骨架、标签的关系、注释、路径

1

HTML

HTML超文本标记语言
超文本——链接
标记——标记也叫标签,带尖括号<>的文本

标签语法:
标签成对出现,中间包裹内容
<>里面放英文字母(标签名)
结束标签比开始标签多/
拓展:
双标签:成对出现的标签
单标签:只有开始标签,没有结束标签,例如<br>换行、<hr>水平线


HTML的基本骨架

<html>

    <head>

        <title>网页标题</title>

    </head>

    <body>

        网页主体

    </body>

</html>

html:整个网页
head:网页头部,存放给浏览器看的代码,例如CSS
body:网页主体,存放给用户看的代码,例如图片、文字
title:网页标题

Vs Code快速生成骨架:
在HTML文件中,!配合Enter/Tab键


标签的关系

作用:明确标签的书写位置;让代码更加整齐

1.父子关系(嵌套关系)
例如:html标签内嵌套head标签
html称为父标签,head称为子标签

2.兄弟关系(并列关系)
例如:head标签和body标签

代码格式:
父子关系:子级标签换行且缩进(Tab键)
兄弟关系:兄弟标签换行且对齐


注释

<!--...-->注释标签用来在源文档中插入注释,注释不会在浏览器中显示。

在Vs Code中,添加/删除注释的快捷键:Ctrl + /


路径

路径:
路径指的是查找文件时,从起点到终点经历的路线
路径分类:
相对路径:从当前文件位置出发查找目标文件
绝对路径:从盘符出发查找目标文件

相对路径:
. 当前文件所在文件夹
.. 当前文件上一级文件夹
/ 进入某个文件夹里面
绝对路径:
Windows默认是\(也能用/),其他系统是/,建议同意写为/
文件的在线网址:https://www.itheima.com/images/logo.png
绝对路径的应用场景:友情链接(跳转别的友商网站或自己的网站)

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/581624.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

编程语言的未来

当我们思考编程语言的未来时&#xff0c;我们不能忽视JavaScript的重要性。作为前端开发者&#xff0c;我们深知JavaScript在开发中的重要性。它不仅改变了我们与网页的交互方式&#xff0c;还推动了整个前端开发领域的发展。 那么&#xff0c;从当前的趋势和技术发展来看&…

HarmonyOS —— UIAbility 页面跳转总结

HarmonyOS —— UIAbility 页面跳转总结 Author&#xff1a;Gorit Date&#xff1a;2023年12月27日 一、系统环境 HarmonOS API9SDK 3.1.0Stage 模型 二、应用内跳转 在应用内之前实现不同 page 的跳转&#xff0c;我们使用 router 即可&#xff0c;页面跳转主要支持如下…

Python:PyTorch

简介 PyTorch是一个开源的机器学习库&#xff0c;由Facebook的人工智能研究团队&#xff08;FAIR&#xff09;开发&#xff0c;用于应用于机器学习和深度学习的Python程序。PyTorch基于Torch&#xff0c;使用Python语言重新编写&#xff0c;使得它更容易使用和扩展。它支持强大…

生产系统稳定上线600天!中国联通CUDB for OceanBase的开源共建和规模化应用

中国联通软件研究院架构部平台承载了上千应用的数据库需求&#xff0c;并且现存大量数据库使用过程缺少规范、缺少监控&#xff0c;同时还存在着数据库核心技术相关风险。为了实现核心技术自主可控&#xff0c;及时为用户解决线上问题、满足用户的功能需求&#xff0c;提供物美…

gnu工程的编译 - 以libiconv为例

文章目录 gnu工程的编译 - 以libiconv为例概述gnu官方源码包的发布版从官方的代码库直接迁出的git版源码如果安装了360, 需要添加开发相关的目录到信任区生成 configrue 的方法备注END gnu工程的编译 - 以libiconv为例 概述 gnu工程的下载分2种: gnu官方源码包的发布版 这种…

Global Mapper SDK 19 中文开发文档(八)

7.2.8 GM_DBUtil &#xff08;1&#xff09;声明 public static class GM_DBUtil &#xff08;2&#xff09;方法 方法描述DBGetTableList获取指定空间数据库中的表列表DBIsDatabaseFile指示输入文件是否为数据库&#xff08;Esri地理数据库、Spatialite等&#xff09;DBMa…

gitee+picgo+typora图床搭建

giteepicgotypora图床搭建 1.安装typora 官网下载直接安装&#xff1a;https://www.typora.io/#download 2.编辑typora图像设置 打开 文件 -> 偏好设置 -> 图像设置 插入图片时 选择 上传图片设置 上传服务 为 PicGo-Core(command line) 3.为typora安装PicGo-Core 点…

vue 父页面监听子页面值的变化

在Vue中&#xff0c;可以通过使用$emit()来触发事件并传递数据。 首先&#xff0c;需要在父组件中定义一个自定义事件名称&#xff0c;然后将该事件与相应的处理函数关联起来。当子组件改变了其值时&#xff0c;就会调用这个处理函数。 下面是一个示例代码&#xff1a; <…

达梦dm.ini参数之SELECT_LOCK_MODE详解

一、背景 1.现象概述 某项目当晚分区表变更&#xff0c;因为manager工具多开了1个窗口执行了语句慢取消了&#xff0c;新开了一个会话窗口执行添加分区/删除分区/truncate分区卡死了&#xff0c;v$session查不到关于这张分区表的阻塞和事务&#xff0c;但是在v$lock里根据表的…

DRF(Django Rest Framework)框架基于restAPI协议规范的知识点总结

Django Rest Framework学习 一、初识DRF组件 1.1 FBV和CBV FBV&#xff1a;function based view from django.shortcuts import render, HttpResponse # 这种是基于FBV模式 函数模式实现Views函数 def login(request):if request.method GET:return HttpResponse("Get…

腾讯云轻量应用服务器快速入门_建站/环境部署/云盘/电商/宝塔/SRS教程汇总

腾讯云轻量应用服务器Lighthouse是新一代开箱即用、使用简单的轻量级云服务器&#xff0c;支持多种镜像应用模板一键部署所需环境和应用&#xff0c;如在云端构建网站、Web应用、小程序/小游戏、APP、电商应用、云盘/图床和开发测试环境&#xff0c;腾讯云服务器网txyfwq.com分…

Golang 通用代码生成器仙童发布 2.4.0 电音仙女尝鲜版二,改进三大部分生成功能群

Golang 通用代码生成器仙童发布 2.4.0 电音仙女尝鲜版二&#xff0c;改进三大部分生成功能群 Golang 通用代码生成器仙童已发布 2.4.0 电音仙女尝鲜版二及其介绍视频。尝鲜版二改进了三大部分生成功能群。 视频请见&#xff1a; https://www.bilibili.com/video/BV1Q64y1H75…

js如何判断一个字符串是否为json格式

try/catch判断 function isJSON(str) {if (typeof str string) {try {JSON.parse(str);return true;} catch(e) {console.log(e);return false;}}console.log(It is not a string!) }以上try/catch的确实不能完全检验一个字符串是JSON格式的字符串&#xff0c;有许多例外…

CH07_简单化

Facade 模式 外观模式&#xff08;Facade&#xff09;&#xff0c;为子系统中的一组接口提供一个一致的界面&#xff0c;此模式定义了一个高层接口&#xff0c;这个接口使得这一个系统更加容易使用。 类图 说明 Facade&#xff08;窗口&#xff09; Facade角色是代表构成系统…

【用unity实现100个游戏之19】制作一个3D传送门游戏,实现类似鬼打墙,迷宫,镜子,任意门效果

最终效果 文章目录 最终效果素材第一人称人物移动开门效果显示原理渲染相机跟着我们视角移动门的摄像机跟着我们旋转近裁剪面设置传送配置代码实现传送效果结束完结素材 https://assetstore.unity.com/packages/3d/props/interior/door-free-pack-aferar-148411

andriod安卓水果商城系统课设

​ 一、目的及任务要求 随着当今社会经济的快速发展和网络的迅速普及&#xff0c;手机基本成为了每个人都随身携带的电子产品。传统的购物方式已经满足不了现代人日益追求便利及高效率的购物心理&#xff0c;而通过移动手机上的在线购物系统&#xff0c;可以便捷地甚至足不出…

XV7011BB陀螺传感仪的规格书

角速率输出(16/24bit)优异的温度偏置稳定性工作温度范围-20℃至80℃(可选:-40℃至85℃) 角速率输出(16/24bit)优异的温度偏置稳定性工作温度范围-20℃至80℃(可选:-40℃至85℃)内置温度传感器内置可选数字滤波器低功耗视频:XV7000系列&#xff0c;用于…

使用aspose.Words更新表格列宽

public static bool UpdateTableStyle(string filePath) { try { Document doc new Document(); //样式 Style style doc.Styles.Add(StyleType.Paragraph, "cellStyle"); style.Font.Name "simsun"; PageSetup pageSet doc.Sections[0].PageSetup; pa…

scss是什么?安装使用的步骤是?有哪几大特性?

SCSS是一种层叠样式表语言的扩展&#xff0c;它引入了变量、嵌套规则、混合、继承等功能&#xff0c;使得样式表的编写更加简洁、有组织和可维护。 安装SCSS的步骤如下&#xff1a; 首先&#xff0c;你需要安装Node.js环境。可以从Node.js官网下载并按照指引进行安装。 安装完…

java面试题18

什么是Java中的数据库连接池&#xff08;Database Connection Pool&#xff09;&#xff1f;它有什么作用&#xff1f; 答案&#xff1a;数据库连接池是一种管理和重用数据库连接的机制&#xff0c;用于提高数据库访问的性能和可扩展性。Java中的数据库连接池可以通过使用开源的…