web前端开发学员第一阶段学习内容总结分享
分类:推荐文章 ·
发布:2025-12-20 ·
浏览:1
一、前端认知
1. 前端是做什么的?
前端是做 IT系统工程的,负责信息化系统的设计、建设,包括设备、系统、数据库、应用系统的建设。
2.前端开发的核心语言
(1)HTML——结构
(2)CSS——样式
(3)JS——行为

二、HTML
HTML(Hypertext Markup Language)翻译过来就是 超文本标记语言。
超文本即超越文本,可以显示 文字 图片 视频 音频,最重要的是可以包含超链接。
标记语言:当我们把特定的英文单词放入到我们的标记(单标记:>、双标记<>>)当中,我们的标记具有了新的语义,而由具有特定语义的标记的规范,我们可以称之为标记语言。
当我们将英语单词放入到标记当中,这时候我们可以称之为 标签(单标签、双标签)。
1、HTML的基本结构
(1)
(2)
(3)
(4)
网页标题(5)
(6)
(7)
(8)
三、CSS
CSS 就是用来装饰我们的 HTML 的。就像我用 HTML 写了一段文字,但是文字的颜色,文字大小,字体等等就得依靠 CSS 来修饰了。
1. CSS 的引入方式
(1)内联样式表
(2)内部样式表写在
内部
div{ width: 100px;
height: 100px;
background: red; }
(3)外部样式表单独写在一个文件中,通过 link 进行引入rel:当前引入文件和文件本身的关系type:当前引入文件的编码格式href:用于书写引入外部样式所处位置
四、盒模型
在 HTML 中,万物皆是盒模型,只要是 HTML 中的标签,我们都可以通过设置 盒模型 相关的内容,对这个元素产生影响。
盒模型由四个部分组成,分别为 content、padding、border以及margin,
五、弹性盒子及移动端布局