前端基础学习01

前端基础学习01

HTML、CSS与JavaScript

1. HTML是超文本标记语言，因为它的内容不只是能显示文字，还能显示图片、音频、视频、超链接等超文本内容，用来建立网络结构的。
2. CSS是层叠样式表，用来控制HTML的表现。
3. JavaScript是一种高级脚本语言，用来控制网页元素的行为。
4. 简单来说，HTML控制结构，CSS控制表现，JavaScript用来控制行为。

浏览器的运作（HTML元素怎么在网页中显示出来）

1. web服务器

   简单来说web服务器是一个连接到互联网的计算机，它保存着HTML文件，图像，声音，音频和其他类型的文件，时刻等待着来自浏览器的请求。

2. web浏览器

   网页浏览器是个显示网页服务器或档案系统内的文件，并让用户与此些文件互动的一种软件。它可以从web服务器请求页面，并能够解析HTML标签生成DOM树，并根据CSS和JS来控制网页元素的表现。

   并且web浏览器会自动忽略HTML文档中的制表符，回车和大部分的标签，不过我们任然需要在我们的HTML文档中书写空格，制表符，回车等，以提高我们代码的可阅读性和可维护性。

3. 深入理解浏览器工作原理

元素，属性，属性值

1. 元素

由三部分组成：开始标记+内容+结束标记，这些叫做正常元素，但是有些元素有例外，例如 <img>,<a>等等。这些叫做void(空)元素。

元素还可以分为块状元素和内联元素：
块元素通常用来构建网页的主体内容，而内联元素往往用来标记小段内容。
常见块状元素：div、h1-h6、p、ul、ol、li、blockquote、address
常见内联元素：span、b、em、strong、a、input、label、q

2. 属性

1、HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。
2、属性总是以名称/值对的形式出现，即属性=“属性值”，比如：name=“value”。
3、属性总是在 HTML 元素的开始标签中规定。

常用属性：

属性	值	描述
class	classname	规定元素的类名（classname）
id	id	规定元素的唯一 id
style	style_definition	规定元素的行内样式（inline style）
title	text	规定元素的额外信息（可在工具提示中显示）

3. 属性值

属性后所跟着的引号内的内容就是属性值，是一个属性具体的值，通常在双引号内

属性和属性值对大小写不敏感。不过推荐使用小写。

列表

• <ol>–ordered list有序列表
• <ul>–unordered list无序列表
• <i>–list item嵌入在ol和ul中,li中可以嵌套ol或者ul，不能把其他文本内容放在ul或者ol中去，
• dl dd 和 dt

块状元素和内联元素

链接：HTML的块状元素和内联元素