【免费】2020求知讲堂web前端（html5+css3）(Day1).pdf资源-CSDN文库

需积分: 0 197 浏览量 2021-03-14 23:55:51 上传评论收藏 10.04MB PDF 举报

根据提供的文件内容，下面是对“2020求知讲堂web前端（html5+css3）(Day1).pdf”文件中知识点的详细说明。课程大纲概述了前端开发所需掌握的技能和知识点，包括但不限于： 1. Photoshop：虽然主要是一款图像处理软件，但在前端开发中，Photoshop也被用于设计网页布局和界面元素。 2. HTML/HTML5：HTML是构建网页内容的标记语言，HTML5是2014年推出的最新版，增加了更多功能，比如新的表单元素、Canvas绘图等。 3. CSS/CSS3：CSS用于控制网页的样式和布局，CSS3带来了更多的样式选项，如动画、圆角边框、阴影效果等。 4. 布局知识：前端布局主要涉及Photoshop、HTML和CSS的综合运用。 5. Bootstrap：这是一个流行的前端框架，主要用于快速开发响应式布局的网站。 6. JavaScript：是一种脚本语言，用于网页的动态效果和前后端的交互。 7. jQuery：是对JavaScript的封装，简化了DOM操作，提高了开发效率。 8. Ajax：用于实现前后端异步数据交换，提高用户体验。 9. 前端框架、模块开发：指的是使用Vue.js、React等现代JavaScript框架进行开发。课程还提到了“大前端”，即全栈开发的概念，意味着前端工程师不仅要掌握前端技术，还要对后端技术有所了解。接下来，课程提要涉及到HTML基础： 1. HTML标签结构：HTML文档是由一系列标签组成的，如文档类型声明 <!doctype html>，html元素，head和body等。 2. HTML块状元素与行内元素：块状元素占据一整行（如div、h1~h6、p），而行内元素只占据它本身所需的空间（如span、a、img）。 3. W3C规范：指的是万维网联盟制定的用于指导网页制作和内容发布的标准。 4. 企业管网命名规则：是企业在创建和管理网络内容时应遵守的命名习惯。此外，课程还提到了浏览器的内核类型，包括IE的Trident内核、火狐的Gecko内核、苹果和谷歌的WebKit内核、以及后来的Blink内核等。了解这些内核可以帮助前端开发人员针对性地优化网页，确保兼容性。在HTML文档结构方面，文件提到了HTML文档的标准结构，包括<!DOCTYPE html>、<html>、<head>和<body>。在<head>中，meta标签用于定义文档的字符集<meta charset="utf-8">，设置关键字<meta name="keywords">和描述<meta name="description">，以及声明视口设置<meta name="viewport">来适配移动设备。页面样式方面，引入了外部样式表<link rel="stylesheet" href="style.css">，以及内嵌样式<style>。还有JavaScript脚本的引用<script>。课程内容列举了基本HTML标签和它们的用途，例如： - div标签：用于布局，作为其他HTML元素的容器。 - h1到h6标签：用于创建网页标题。 - p标签：用于定义文本段落。 - br标签：用于换行，是单标签。 - hr标签：用于创建水平线，具有对齐方式、颜色和高度属性。 - a标签：用于创建超链接，可以设置target属性来控制链接在何处打开。 - img标签：用于插入图片，有src属性来指定图片地址，alt属性用于图片的文本替代。以上知识点覆盖了前端开发的基础理论和技术实践，为前端工程师提供了一个全面的入门和进阶路径。

资源推荐

资源详情

资源评论