菊子的第一阶段

今天开始给大家讲讲web学习中的第一阶段的知识。

首先给大家说说HTML

HTML，全称Hypertext Markup Language ，翻译过来就是超文本标记语言。它决定文档内容结构。该语言书写的代码通常会被浏览器解析运行。

HTML术语：

　　HTML注释：

　　　　书写格式：   <!--注释内容-->  主要用于描述代码功能

　　HTML元素：是HTML文档的重要组成部分。一个HTML文档由大量元素组成；HTML中所有内容结构，都是靠元素组织到页面中的。

　　　　组成部分：起始标记、元素内容、结束标记

　　　　　　　　标记名、属性、元素内容共同决定一个元素的显示内容和行为

　　　　　　a标签：表示这是一个超链接

　　　　　　元素内容：表示在页面上显示立即加入

　　　　　　href属性：表示用户点击它后，会跳转到属性值

　　　　空元素：

　　　　　　　　eg：<img src="/assets/img default/lazyload-class.png" alt="编程入门基础">

　　　　　　其中img没有元素内容和结束标记，类似于这种元素，称为空元素、自闭合元素

　　　　　　　书写方式：<标记名 属性>      　　建议书写为<标记名 /属性>

　　　　元素的层次结构：

　　　　　　一个元素的内容可以包含其他元素，形成嵌套的层次结构；但两个元素之间不能相互嵌套；元素嵌套会产生一个树状结构

　　　　

　　　　在上图中：HTML与head、body　　head与meta、tittle　　body与h、p、a、img　　p与strong的关系是父子关系；head与body　　meta与tittle　　h与p、a、img是兄弟关系;HTML与meta、tittle、h、p、a、img　　body与strong的关系是祖先关系；但是，strong与head不是祖先关系。

字符编码集：UTF-8（打开软件时首先改这个：file—settings—editor—file encoding）

文档声明：总是出现在HTML代码的第一行（既不是元素，也不是注释）

　　书写代码：<! DOCTYPE html>

　　　　用于通知浏览器目前的文档在使用哪个版块；若不写，浏览器渲染页面时会进入混杂模式

head元素：文档头。html元素的第一个子元素，可以包含一些其他元素，用于描述页面的附加信息。　　　　head元素中的内容不会显示到页面上

　　包含元素：

　　　　<tittle>标识文档顶，会显示在浏览器的标题栏或标签页上

　　　　<meta>标识页面的其他元素，据（页面相关的附加信息）　　是一个空元素

　　　　　　eg：<meta charst="UTF-8">——指示浏览器，使用字符编码集UTF-8解析页面

　　　　<style>

　　　　<link>

　　　　<script>

boby元素：文档体，网页中所有的可见内容都放置在该元素内

语义化结构元素：

　　

 

绝对路径：　　

　　格式：协议：//域名/目录

相对路径：相对于当前资源的位置，只能用于访问站内资源

　　书写格式：./路径

　　　　　　　　./表示当前资源所在的目录，必须作为相对路径的开始。可省略

　　　　　　　　../表示返回上一级目录