前端工程师零基础到就业(视频代码齐)阶段一

221 阅读3分钟

前端工程师-01-阶段一:前端基础入门-第一周

什么是IDE

IDE(Integrated Development Environment ,集成开发环境)是含代码编辑、关键词高亮、智能感应、智能纠错、格式美化、版本管理等功能于一身的“高级代码编辑器”。(需要视频源码找作者)vx( cmL46679910 )每个IT工程师都要有自己趁手的IDE,它是我们的武器。快速展示IDE的功能老师演示关键词高亮、智能感应、智能纠错、格式美化4个功能。要理解无论使用什么IDE编写出来的代码,本质上都是“白底黑字”的,都是“纯文字”的。

image.png 前端开发主流IDE

image.png

HTML5特性

空白折叠现象: 1、文字和文字之间的多个空格、**(需要视频源码找作者)vx( cmL46679910 )**换行会被折叠成一个空格 2、标签“内壁”和文字之间的空格会被忽略

转义字符: 1、 请首先自己试试看:在网页中显示“今天我们学习了

标签的功能是段落” 2、如何输入

才不会被当做标签呢?这就需要使用转义字符的知识 转义字符-常见转义字符(字符实体):

image.png

HTML注释

1、为代码书写清晰的注释是非常重要的,可以使日后再阅读代码或者他人阅读代码提供提示 2、HTML的注释语法如下,可以在VScode编辑器中使用ctrl+/键输入:

HTML5中新增的表单控件

1、更丰富的input种类

image.png

2、控件 控件可以为输入框提供一些备选项,当用户输 入的内容与备选项文字相同时,将会显示智能感应

3、title、关键词及页面描述

image.png

4、title的用途

  1. title标签用来设置网页的标题,文字会显示在浏览器的标签栏上 2)慕课网-程序员的梦工厂 3)title也是搜索引擎收录网**(需要视频源码找作者)vx**( cmL46679910 )站时显示的标题,为了吸引用户点击,合理设置title是必要的 5、网页关键词和页面描述 1)合理设置网页的网页的关键词和页面描述,也是SEO的重要手段。 2)SEO(Search Engine Optimization,(需要视频源码找作者)vx( cmL46679910 )搜索引擎优化)利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名,让网站在搜索引擎的结果中内占据领先地位(需要视频源码找作者)vx( cmL46679910 ),获得品牌收益网页关键词和页面描述。 3)使用meta标签设置网页关键词和描述,name属性非常关键,用来设置meta的具体功能。 4)页面描述也是搜索引擎显示的简介词语