搜索到
9
篇与
的结果
-
HTML认知-08-标签组成和关系 一、基础知识3.2.1 HTML标签的结构1.标签的结构图2.结构说明标签由<、>、/、英文单词或字母组成。并且把标签中<>包括起来的英文单词或字母称为 标签名常见标签由两部分组成，我们称之为: 双标签 。前部分叫==开始标签==，后部分叫 结束标签 ，两部分之间包裹内容少数标签由一部分组成，我们称之为: 单标签 。自成一体,无法包裹内容。3.4.1 HTML标签与标签直接的关系可分为1.父子关系（嵌套关系）例：<head> <title></title> </head> 2.兄弟关系（并列关系）<head></head> <body></body>本篇文章来自 [鱼の学习之路-HTML认知篇]，原文地址：https://book.yuqwq.xyz/project-1/，著作权归作者所有，本站所有文章使用CC BY-NC-SA 4.0许可协议，授权转载请注明出处！ -
HTML认知-07-注释 一、基础知识3.1.1 什么是注释？1.在之前上课学习时，同学们会在书本段落间记录内容的注解，方便下次看到此处理解问题:同学们在书本段落间记录下的注解是为了给谁看的?下次的阅读课本者(自己)2.程序员在写代码时也会添加注释，方便下次看到此处时方便想起功能和含义问题:程序员在代码中添加的注释,是为了给谁看的?下次的阅读代码者(自己或者其他程序员)3.1.2 注释的作用和写法1.注释的作用：为代码添加的具有解释性、描述性的信息，主要用来帮助开发人员理解代码浏览器执行代码时会忽略所有的注释2.注释快捷键在VS Code中：Ctrl + /3.1.3 小结1.注释的快捷键是?Ctrl + /2.浏览器会执行注释吗?不会，浏览器执行代码时会忽略所有的注释{alert type="info"}本篇文章来自 鱼の学习之路-HTML认知篇 ，著作权归作者所有，本站所有文章使用CC BY-NC-SA 4.0许可协议，授权转载请注明出处！{/alert}
-
HTML认知-06-vscode的简介和使用 1.基础认知2.3.1 为什么要使用 VS Code1.刚刚通过文本编辑器，如:记事本，完全可以编写网页源代码但是效率...不忍直视2.实际开发中，注重开发的效率和便捷性 ,因此我们会使用一些开发工具开发工具有很多: Visual Studio Code、 Webstorm 、Sublime、Dreamweaver、Hbuilder3.前段开发神器：VS Code → 速度快、体积小、插件多2.2.3 VS Code创建网页的步骤1.打开VS Code2.在VS Code里导入文件夹3.在VS Code中新建网页/文件夹新建网页文件时需要手动输入扩展名称，如 .html4.使用VS Code生成HTML骨架技巧1：我们可以在VS Code页面右键，点击Open In Default Browesr，或者使用快捷键 Alt+B，就可以直接打开网页，不需要再找到文件双击打开如果你没有这个选项，可以在左侧的扩展商店安装技巧2：在VS Code中，未保存的文件，在文件名右侧会显示一个点我们可以使用快捷键Ctrl+S保存，保存后会显示为一个×{alert type="info"}本篇文章来自 鱼の学习之路-HTML认知篇 ，著作权归作者所有，本站所有文章使用CC BY-NC-SA 4.0许可协议，授权转载请注明出处！{/alert}
-
HTML认知-05-HTML骨架 一、基础知识2.2.1 HTML页面固定结构1.网页类似于一篇文章每一页文章内容是有固定的结构的，如:开头、正文、落款等....网页中也是存在固定的结构的，如:整体、头部、标题、主体2.网页中的固定结构是要通过特点的HTML标签进行描述的<head>与</head>之间的内容属于页面头部<body>与</body>之间的内容属于网页的主体<title>与</title>之间的内容属于网页的标题2.2.2 小结1.HTML骨架结构由哪些标签组成?html标签: 网页的整体head标签: 网页的头部body标签: 网页的身体title标签: 网页的标题{alert type="info"}本篇文章来自 鱼の学习之路-HTML认知篇 ，著作权归作者所有，本站所有文章使用CC BY-NC-SA 4.0许可协议，授权转载请注明出处！{/alert}
-
HTML认知-04-HTML感知 一、基础认知2.1.1 HTML的概念1. HTML（Hyper Text Muarkup Language）中文译为：超文本标记语言专门用于网页开发的语言,主要通过HTML标签对网页中的文本、图片、音频、视频等内容进行描述2.案例：文字变粗案例体验构建-一个网页, 需要在网页中显示一个加粗的文字2.1.2 网页体验-构建基本网页的步骤1.在代码文件夹中 鼠标右键→新建文本文档→命名为：文字变粗案例.txt★ 2.修改后缀为 .html3.在文本文档内输入你猜，这个字是加粗的吗？4.使用浏览器打开，发现不是加粗的字体5.在代码的开头加上<strong>,在代码尾加上</strong>6.再使用浏览器打开，字体就是加粗的了 ★ 注意：HTML中所有的符号都是英文符号，/表示结束★ Tip：如果你的电脑不显示后缀名，可以通过以下步骤显示{alert type="info"}本篇文章来自 鱼の学习之路-HTML认知篇 ，著作权归作者所有，本站所有文章使用CC BY-NC-SA 4.0许可协议，授权转载请注明出处！{/alert}
-
HTML认知-03-初识-web标准 一、基础知识1.3.1 为什么需要Web标准？1. 不同浏览器的渲染引擎不同， 对于相同代码解析的效果会存在差异如果用户想看一一个网页,结果用不同浏览器打开效果不同，用户体验极差!2.Web标准: 让不同的浏览器按照相同的标准显示结果， 让展示的效果统一！1.3.2 Web标准的构成1.Web标准中分成三个构成构成语言说明结构HTML页面元素和内容表现CSS网页元素的外观和位置等页面样式（如：颜色、大小等）行为JavaScript网页模型的定义与页面交互1.3.3 Web标准的记忆方法1.Web标准要求页面实现：结构、表现、行为三层分离1.3.4 小结1.Web标准的构成有哪些? 分别通过什么语言表示?结构: HTML→页面元素表现: CSS→页面样式行为: JavaScript →页面交互的动态效果{alert type="info"}本篇文章来自 鱼の学习之路-HTML认知篇 ，著作权归作者所有，本站所有文章使用CC BY-NC-SA 4.0许可协议，授权转载请注明出处！{/alert}
-
HTML认知-02-了解-初识-浏览器 一、基础知识1.目标: 认识网页组成和五大浏览器，明确Web标准的构成，使用HTML骨架搭建出一个网页。2.学习路径:1.基础概念铺垫 (了解)认识网页五大浏览器和渲染引擎Web标准HTML初体验3.语法规范1.2.1 五大浏览器1.浏览器: 是网页显示、运行的平台,是前端开发必备利器2.常见的五大浏览器:IE浏览器（IE已死😭）火狐浏览器(Firefox)谷歌浏览器(Chrome)Safari浏览器欧朋浏览器(Opera)1.2.2 渲染引擎1.渲染引擎（浏览器内核）：浏览器中专门对代码进行解析渲染的部分2.浏览器出品的公司不同，内在的渲染引擎也是不同的：浏览器内核备注IETrident部分国产浏览器的兼容模式FireFoxGecko火狐浏览器内核SafariWebkit苹果浏览器内核Chrome / OperaBlink属于 Webkit 的分支3.注意点：渲染引擎不同，导致解析相同代码时的 ==速度、性能、效果== 都不同1.2.3 小结1. 五大浏览器IE浏览器（IE已死😭）火狐浏览器(Firefox)谷歌浏览器(Chrome)Safari浏览器欧朋浏览器(Opera)2.相同的网页在不同浏览器中显示效果会完全一致吗?因为不同浏览器渲染引擎不同，解析的效果会存在差异3.前端工程师日常推荐使用哪一个浏览器?谷歌浏览器(Chrome){alert type="info"}本篇文章来自 鱼の学习之路-HTML认知篇 ，著作权归作者所有，本站所有文章使用CC BY-NC-SA 4.0许可协议，授权转载请注明出处！{/alert}
-
-
