写静态页面——前端总结1

0、怎么写一个前端页面：

• HTML是超文本标记语言，它用来写前端的内容和框架，CSS是层叠样式表，它用来给前端写样式，让内容变漂亮。

---

1、要写前端页面需要用VScode代码编辑器：

• VScode当中可以下载汉化插件、快捷键插件（eclipse）
• 浏览器用于解析html/css/js代码，浏览器是从上往下、从左往右解析代码的。在谷歌浏览器打开的网页中，通过F12查看网页html源码，选择箭头点击网页中某个部分，就可以定位这部分html源码的位置，还可以查看这部分源码的样式。

---

2、html基础知识：

• h5中标签分为双标签（

  内容

  ）和单标签（
  ），属性是修饰标签的，属性的语法一般为：属性=“属性值”（属性之间用空格隔开），html文件的后缀是（.html）
• 文件路径写法：./表示同一级，…/表示上一级，/表示下一级
• H5中不区分大小写、会自动忽略多余空格、标签之间可以相互嵌套
• 在VScode中快速生成h5的源码框架：输入！或者输入html：5
• H5代码框架说明：
  • ：这是说明文档类型是h5，让不同浏览器都可以按照h5标准解析源码，它不是一个h5标签
  • < html lang=“en” >：这是网页语言设置，en表示英文
  • < head >：这是头文件，写在head当中的内容用于传递信息
  • < body >：这是写网页内容的地方

---

3、html需要掌握的一些标签（元素）：

• 标题标签：< h1 > ~ < h6 >，属性：align（left/center/right）