写静态页面1——前端总结-CSDN博客

本文链接：https://blog.csdn.net/sz1125218970/article/details/135863474

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

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

标题标签：< h1 > ~ < h6 >，属性：align（left/center/right）
段落标签：< p >
换行标签：< br >
水平线：< hr >，属性：width、size、align
图片：< img >，属性：src/alt/title/width/height
视频：< video >，属性：src/width/height/autoplay/controls/loop/muted/preload/poster
音频：< audio >
表单（用户与平台进行交互时提交数据，比如注册时提交用户信息）：< form > 表单元素 < /form >，表单元素有< input >/< select >/< textarea >/< label > ，表单元素属性：type/value/name/disabled/placeholder
列表：有序列表（< ol > / < li >），无序列表（< ul > / < li >），自定义列表（< dl > / < dt > / < dd >）
表格：（类似于excel表格，目的是展示表格数据），< table > / < tr > / < td > < th >。table属性：border/bor