Web前端开发初学者学习笔记

· 1 · 开发网页的三种技术

Html——超文本标记语言–>负责网页的结构

Css——–层叠样式表–>从美学角度美化

——一种文字脚本语言sublime text 3 乱码，一种动态类型、弱类型、基于原型的语言，内置对类型的支持。–>从用户体验的角度设计网页的交互效果

· 2 · HTML

2.1 什么是Html？

超文本标记语言（HTML）是用于创建网页的标准标记语言。

文本：.txt文本。

超文本：是一种可以支持文字、图片、链接、音乐、程序的文本类型。

HTML 中没有编程语言语法sublime text 3 乱码，但却充满了各种标签。

标签分为单标签和双标签。例如：

-->是单标签
-->是双标签。双标签结尾总是以"/"开始，表示这个标签的结尾。

HTML运行环境：浏览器。浏览器用于打开网页。

我们在浏览器中看到的所有网页，本质上都是一段文本，这段文本就叫做HTML。

2.2 开发环境

只要你有一台可以正常运行的电脑就可以了。

一般在开发少量网页的时候，使用轻量级的文本编辑器就足够了，比如text3、++等。

下载链接：text3官网下载

++官网下载

如果您正在开发更大的项目，就使用该软件。

如果安装了Emmet插件，你的开发效率会大大提高，如果不知道怎么安装插件的话，自己去百度搜一下吧。

这是一篇关于为text3安装一些前端开发插件的博客，里面有很多对前端开发有用的插件，有需要的可以看看。

2.3 HTML5文档结构描述

HTML5 文档声明头。如果要充分使用 HTML5 语法，必须使用文档声明头来声明当前文件是 HTML5 文件。

双标签——定义HTML文档内容的结构。所有HTML文档内容都需要写在这对标签内。

页眉 – 通常里面写的内容是当前网页的一些预定义的信息设置。

正文 – 网页上要向用户显示的所有内容都写在正文中

2.4 网页预定义信息

设置当前网页的编码格式。

meta标签是一个单一的标签，通过属性，其属性值被设置为所需的

编码设置当前网页的编码格式。

SEO优化-百度会对所有收录的网站进行评分系统

分数越高，排名越高。

一般情况下应该把tilte放在meta set设置的下面，以防止出现乱码。

 引入外部的css文件

引入外部js脚本文件的时候需要注意两个标签之间不能有任何内容或者换行符。

2.5 常用标签

换行分割线

换行
-
多级标题
注释

如有侵权请联系删除！