目录
一、初识web前端
Web标准也称为网页标准,由一系列的标准组成,大部分由W3C( World Wide Web Consortium,万维网联盟)负责制定。 三个组成部分:
- HTML:负责网页的结构(页面元素和内容)。
- CSS:负责网页的表现(页面元素的外观、位置等页面样式,如:颜色、大小等)。 J
- avaScript:负责网页的行为(交互效果)。
HTML(HyperText Markup Language):超文本标记语言。
- 超文本:超越了文本的限制,比普通文本更强大。除了文字信息,还可以定义图片、音频、视频等内容。
- 标记语言:由标签构成的语言
- HTML标签都是预定义好的。例如:使用<a>展示超链接,使用<img>展示图片,<video>展示视频。
- HTML代码直接在浏览器中运行,HTML标签由浏览器解析。
二、HTML快速入门
- 新建文本文件,后缀名改为 .html
- 编写 HTML 结构标签
- 在<body>中填写内容
HTML的特点
- HTML标签不区分大小写
- HTML标签属性值单双引号都可以
- HTML语法松散
三、VS Code开发工具
VS Code 安装使用
- Visual Studio Code(简称 VS Code )是 Microsoft 于2015年4月发布的一款代码编辑器。
- VS Code 对前端代码有非常强大的支持,同时也其他编程语言(例如:C++、Java、Python、PHP、Go等)。
- VS Code 提供了非常强大的插件库,大大提高了开发效率。
- 官网: https://code.visualstudio.com
注意事项:
作为一名软件开发工程师,建议以后安装所有与开发相关的软件,尽量安装在一个没有中文,不带空格的目录下。
四、标签样式
标题排版
标题样式 1
标题样式 2
超链接
正文排版
页面布局
五、表格、表单标签
表格标签
表单标签
注:本笔记仅供参考学习,来源于黑马程序员哔哩哔哩视频