学习笔记:MDN的Web入门
HTML:
要引用一个父目录的文件,加上两个点。
HTML并不是真正的编程语言,它是一种用于定义内容结构的标记语言。
元素(Element):开标签、闭标签与内容相结合,便是一个完整的元素。元素可以用来封装不同部分的内容,使其以某种方式呈现或者工作。
元素也可以有属性(Attribute)。一个属性应该包含:属性的名称,并接上一个等号;由引号所包围的属性值。
class属性允许你为元素提供一个标识名称,以便进一步为元素指定样式或进行其他操作时使用。
空元素:没有内容和闭标签的元素。
<!DOCTYPE html> — 文档类型(doctypes),它的存在只是因为历史原因,不用多管。
<html> 元素. 这个元素包含了整个页面的内容,有时也被称作根元素。
<head> 元素. 这个元素可以包含你想添加的但你不想被用户看到的内容。这里面包括像想被搜索引擎搜索到的关键字(keywords)和页面描述,CSS样式表和字符编码声明等等。
<body> 元素. 这个元素包含了你想被用户看到的内容,不管是文本,图像,视频,游戏,可播放的音轨或是其他内容。
<meta charset="utf-8"> — 这个元素指定了你的文档需要使用的字符编码,像 UTF-8 ,它包括了非常多人类已知语言的字符。基本上 UTF-8 可以处理任何文本内容。我们没有任何理由不去设定字符编码,而且也可以避免以后可能出现的问题。
src ,即source。
alt ,即alternative。
HTML 包括六个级别的标题, <h1>–<h6>。
<p> 元素是用来指定段落的,可以用它来指定常规的文本内容。
<ul>,即unordered lists;<ol>,即ordered lists;<il>,即list item。有序和无序的区别就只是有没有序号。
简单的link —— <a> —— a 是 "anchor" (锚)的缩写。
href代表的是 hypertext reference。
CSS(层叠样式表,用来为网页添加样式的代码):
就像 HTML,CSS也不是真正的编程语言。它是样式表语言,也就是说,它允许你有选择性地为 HTML 文档的元素添加样式。
CSS的整个结构称为 CSS 的规则。选择符(Selector):放在规则最开始。它选择了一个或多个需要添加样式的目标,常用的选择符类型有元素、ID、Class、属性和伪类。属性(Properties):这是你改变 HTML 元素样式的方法。属性值(Property value):在属性的右边,冒号后面,用于从指定的属性里的非常多的外观中选择一个值。
px 意为“像素(pixels)”。
JavaScript(为网站添加交互功能的动态编程语言):
在HTML中,引入CSS用link,引入JS用script。
将 <script> 元素放在 HTML 文件底部的原因是,浏览器按照代码在文件中的顺序解析 HTML。如果 JavaScript在最前面被加载,HTML还未加载,JavaScript将无法作用于HTML,所以JavaScript无效。而且,如果 JavaScript 代码出现问题则 HTML 不会被加载。所以将 JavaScript 代码放在底部是最好的选择。
var,即Variable。基本上 JavaScript 里的任何东西都是对象,而且都可以被储存在变量里,将这个记在脑子里。
行末的分号表示语句结束,不过这个分号只有在单行内需要分割语句时才是必须的。然而,一些人认为在每个语句后面加分号是一种好的风格。
JavaScript 是对大小写敏感的。
Functions 是一种封装你想重复使用的功能的方法,这样你就可以在任何时候想使用其中的功能就通过函数名称来调用而不用老是重复写下整段代码。
在网页上创建真正的交互,你需要使用事件 —— 事件是能够捕捉浏览器操作并且允许你运行代码进行响应的代码结构。
字符和字符串都可用单引号或双引号包裹。
== 和 === 不一样。