前端基础学习1

前端的3架马车：html，css，js.{

第一架马车：HTML定义网页内容.

第二架马车：CSS(层叠样式表)，定义网页布局.

第三架马车：JavaScript网页的行为.

}

HTML

html概念：用于定义文档的内容结构（一个页面（网页）就是一篇文档）

Hyper Text超文本：不只包括文本，也包括图片，链接，音乐，视频等非文本元素Markup Language 标记语言：是一套标记标签，HTML使用标记标签来描述网页中文名：超文本标记语言

HTML术语

注释的快捷键ctrl+? 适用于HTML CSS JS

HTML注释： 描述代码功能（给开发者，维护者看）

html元素：<起始标签>元素内容</结束标签>共同组成一个元素

空元素(闭合元素)：例如img/ 书写方式：

<img 属性>

<img 属性/>

src：提取图片位置，图片URL位置

alt：图片替代文字， 当图片URL位置不正确的时候，显示文字。

元素的层次结构：一个元素的内容中可以包含其他元素，形成嵌套的层次结构。

若A元素直接包含B: 则A为B的父元素；

B为A的子元素若两个元素有同一个父元素：它们互为兄弟元素；

若A直接或间 接包含B：A是B的祖先元素，B是A的后代元素

HTML实操

文档声明，Document:文档 type:类型

用于通知浏览器，目前的文档正使用哪一个HTML版本

语义化标签

div：块、代表是一个容器

语义化结构元素（好处：使结构更清晰，易分辨1.更好实现CEO（搜索引擎优化）2.可被特殊设备读取）

header：用于表示页面或某个区域的头部

nav:用于表示导航栏

aside:用于表示跟周围主题相关的附加信息（当做广告时代码放在body结束标签最近的位置）

article:用于表示文章或其他可独立页面存在的内容

section:用于表示一个整体的一部分主题

footer:用于表示页面或某个区域的脚注

绝对路径：书写格式：协议//域名/目录（http//www.baidu.com/zhidao) 可以省略协议和域名(访问站内）：/zhidao

绝对路径使用场景：

1，访问站外资源时，只能使用绝对路径

2，访问站内网站时,若网站已部署到服务器，可以使用绝对路径，并可以省略协议和域名

相对路径：相对路径是相对与当前资源的位置，只能用于访问站内资源， 书写格式：./路径 （./表示当前资源所在目录，必须作为相对路径的开始，可省略&#x