HTML, CSS, JavaScript

HTML, CSS 和 JavaScript 的概述。

一、HTML

  • HTML(Hypertext Markup Language) 是创建网页的标准标记语言。
  • HTML 的文件后缀是 .html.htm
  • HTML 的基本结构

    1
    2
    3
    4
    5
    6
    7
    8
    9
    <!DOCTYPE html>
    <html>
    <head>
    <!--meta information-->
    </head>
    <body>
    <!--the content of the page-->
    </body>
    </html>
  • 编写 HTML 的工具:

  1. 文本编辑器
  2. IDE
  • HTML 框架:
  1. Node.js
  2. Python
  3. Go
  4. ASP.NET MVC

二、CSS

  • CSS(Cascading Style Sheets) 是一种用于描述标记语言的样式表语言。
  • CSS 的使用:
  1. 行内式:

    1
    <h1 style="color: red">标题</h1>
  2. 内部式:

    1
    2
    3
    4
    5
    <style>
    h1 {
    color: red;
    }
    </style>
  3. 外部式

    1
    <link rel="stylesheet" type="text/css", href="StyleSheet.cdd">
  • CSS 选择器
    优先级从高到低:
  1. id
  2. class
  3. 标签
  • CSS 高级语法
  1. 媒体查询
  2. 渐变
  • 编写 CSS 的工具:
  1. 文本编辑器
  2. IDE
  • CSS 库:
  1. BootStrap
  2. Fint-Awesome
  3. Materialize
  • CSS 预处理器
  1. Less
  2. Sass

三、JavaScript

  • JavaScript 是一种解释性高级程序语言。
  • JavaScript 的使用:
  1. 行内式:

    1
    <button type="button" onclick="document.getElementById('demo').innerHTML = Date()">See the date</button>
  2. 内部式:

    1
    2
    3
    4
    5
    <script>
    function ShowDate(){
    document.getElementById('demo').innerHTML = Date()
    }
    </script>
  3. 外部式:

    1
    <script src="ScriptFile.js"></script>
  • 编写 JavaScript 的工具:
  1. 文本编辑器
  2. IDE
  • JavaScript 库:
  1. JQuery
  2. D3.js
  • JavaScript 框架
  1. Node
  2. Vue
  3. React
  4. Angular

学习资源

-------------本文结束 感谢您的阅读-------------
您的支持将鼓励我继续创作!