前端小程序组第一节课-CSDN博客

本文链接：https://blog.csdn.net/qq_42951382/article/details/121144185

一、学习认知

1.网页（程序）开发认知

在这里插入图片描述

2.学习目标

1）精通JavaScript，css，熟练使用jQuery，了解HTML5，CSS3规范及es6特性；
2）熟练掌握至少一种前端框架（Vue，react，angular，bootstrap…）及常用工具（npm，webpack等）
3）熟悉页面架构和布局，能熟练使用css+div进行web页面布局，有一定的页面开发经验
4）熟悉浏览器渲染机制及js的性能瓶颈，对前端性能有评测及优化经验

3.学习方法

听思路
记笔记
自学：
1.查阅资料
2.根据资料自学
练习
实战

4.主要技术路线

html:HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。
css:层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML或XML等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
javascript:JavaScript（简称“JS”）是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名

5.进阶思维

学习其他技术路线

二、前端第一讲

1.聊一聊浏览器

2.什么是Html、css

html:非常不严谨的超文本标记语言

3.编译器

随意！

4.第一个网站

<html>
<head>
<title>hello,world</title>
</head>

<body>
<h1>hello,world</h1>
</body>
</html>

5.常用标签（部分常用标签）

<h1 id="id1" class="class2 class3">hello,world</h1>
		<h2 class="class1">hello,world</h2>
		<h3 class="class1">hello,world</h3>
		<h3 class="class1">hello,world</h3>
		<h3 class="class1">hello,world</h3>
		<h3 class="class1">hello,world</h3>
		<h4 class="class1">hello,world 4</h4>
		<h5>hello,world</h5>
		<h6>hello,world</h6>
		<p>这是一个p标签，是行标签的意思</p>
		<!--下面是换行标签-->
		</br>
		<span>这是一个span标签，是文本的意思</span>
		<a href="1.html" >跳转</a>
		<img src="6cdeadc620554da09400c0a0722fb9f0.jpg" alt="图片加载失败" height="100px" />
	<font size="10" color="red">这是文本</font>
	<i>斜体标签 </i> 
	<div>a</div>