2020求知讲堂web前端(html5+css3)(Day1).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属性用于图片的文本替代。 以上知识点覆盖了前端开发的基础理论和技术实践,为前端工程师提供了一个全面的入门和进阶路径。
- 粉丝: 0
- 资源: 1
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助