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 是一种封装你想重复使用的功能的方法，这样你就可以在任何时候想使用其中的功能就通过函数名称来调用而不用老是重复写下整段代码。

在网页上创建真正的交互，你需要使用事件 —— 事件是能够捕捉浏览器操作并且允许你运行代码进行响应的代码结构。

字符和字符串都可用单引号或双引号包裹。

== 和 === 不一样。

学习笔记：MDN的Web入门的更多相关文章

  1. Spring实战第五章学习笔记————构建Spring Web应用程序

    Spring实战第五章学习笔记----构建Spring Web应用程序 Spring MVC基于模型-视图-控制器(Model-View-Controller)模式实现,它能够构建像Spring框架那 ...

  2. js学习笔记：webpack基础入门（一）

    之前听说过webpack,今天想正式的接触一下,先跟着webpack的官方用户指南走: 在这里有: 如何安装webpack 如何使用webpack 如何使用loader 如何使用webpack的开发者 ...

  3. jQuery学习笔记 - 基础知识扫盲入门篇

    jQuery学习笔记 - 基础知识扫盲入门篇 2013-06-16 18:42 by 全新时代, 11 阅读, 0 评论, 收藏, 编辑 1.为什么要使用jQuery? 提供了强大的功能函数解决浏览器 ...

  4. ASP.NET MVC Web API 学习笔记---第一个Web API程序

    http://www.cnblogs.com/qingyuan/archive/2012/10/12/2720824.html GetListAll /api/Contact GetListBySex ...

  5. Oracle RAC学习笔记:基本概念及入门

    Oracle RAC学习笔记:基本概念及入门 2010年04月19日 10:39 来源:书童的博客 作者:书童 编辑:晓熊 [技术开发 技术文章]    oracle 10g real applica ...

  6. Linux内核学习笔记-1.简介和入门

    原创文章,转载请注明:Linux内核学习笔记-1.简介和入门 By Lucio.Yang 部分内容来自:Linux Kernel Development(Third Edition),Robert L ...

  7. 【转载】【时序约束学习笔记1】Vivado入门与提高--第12讲 时序分析中的基本概念和术语

    时序分析中的基本概念和术语 Basic concept and Terminology of Timing Analysis 原文标题及网址: [时序约束学习笔记1]Vivado入门与提高--第12讲 ...

  8. 卷积神经网络(CNN)学习笔记1：基础入门

    卷积神经网络(CNN)学习笔记1:基础入门 Posted on 2016-03-01   |   In Machine Learning  |   9 Comments  |   14935  Vie ...

  9. Spring实战第八章学习笔记————使用Spring Web Flow

    Spring实战第八章学习笔记----使用Spring Web Flow Spring Web Flow是一个Web框架,它适用于元素按规定流程运行的程序. 其实我们可以使用任何WEB框架写流程化的应 ...

  10. Java IO学习笔记八：Netty入门

    作者:Grey 原文地址:Java IO学习笔记八:Netty入门 多路复用多线程方式还是有点麻烦,Netty帮我们做了封装,大大简化了编码的复杂度,接下来熟悉一下netty的基本使用. Netty+ ...

随机推荐

  1. PHP和MySql数据库，如何获取每个分类的记录的总数

    示例的数据库,如下: 本文说的问题,就是统计每个学院(Sdept)的人数. 还有很多情况,比如说:在制作CMS的时候,文章有个分类问题,所有的文章的记录都是存放到同一个表中. 当我们需要统计每个分类的 ...

  2. C++11新标准

    1. 新类型 long long和unsigned long long: char16_t 和 char32_t: 新增原始字符串: 2. 统一的初始化 C++11扩大了用大括号括起的列表(初始化列表 ...

  3. 6.7 通过终端连接jboss，连接数据库

    进入终端,通过 ssh jboss@ip地址即可. 然后通过sqlplus 数据库名,输入密码,即可连接数据库. 具体不懂的可以查看对应文档进行操作.

  4. Java虚拟机内存配置

    在做java开发时尤其是大型软件开发时经常会遇到内存溢出的问题,比如说OutOfMemoryError等.这是个让开发人员很痛苦.也很纠结的问题,因为我们有时不知道什么样的操作导致了这种问题的发生.所 ...

  5. adb devices unauthorized解决方法

    有时候使用adb连接手机时,即使打开了usb调试,手机添加了信任,仍然出现unauthorized的提示 解决办法如下: 先上两张stack overflow上面的图片: 很多人可能看不懂.翻一下大概 ...

  6. App知识点汇总

    1.Fragment 2.AndroidStudio 用夜神安卓模拟器调试 进入夜神模拟器安装目录下的bin目录,执行nox_adb.exe connect 127.0.0.1:62001,Andro ...

  7. sqlserver2012——存储过程

    存储过程:是一组为了完成特定功能的SQL语句,经编译后存储在数据库中. 他们可以接受参数.输出参数.返回单个或者多个结果集以及返回值 存储过程种类 1.用户自定义存储过程 2.系统存储过程 3.扩展存 ...

  8. window 环境下在虚拟机上安装php环境

    转发:https://www.cnblogs.com/orangegem/p/7191659.html 安装linux工具 :https://blog.csdn.net/z15732621582/ar ...

  9. 洛谷P1022 计算器的改良

    P1022 计算器的改良 题目背景 NCL是一家专门从事计算器改良与升级的实验室,最近该实验室收到了某公司所委托的一个任务:需要在该公司某型号的计算器上加上解一元一次方程的功能.实验室将这个任务交给了 ...

  10. [JLOI2012]树 倍增优化

    题目描述 在这个问题中,给定一个值S和一棵树.在树的每个节点有一个正整数,问有多少条路径的节点总和达到S.路径中节点的深度必须是升序的.假设节点1是根节点,根的深度是0,它的儿子节点的深度为1.路径不 ...