Nội dung chính của trang

Metadata, tiêu đề trang, liên kết CSS

Chỉ chứa văn bản

• Chỉ chứa hình ảnh

Hiển thị tên trang trên trình duyệt

Định dạng văn bản

• Liên kết đến CSS

Định nghĩa tiêu đề của đoạn văn

<link>

<a>

• <href>

<p>

• <img>

• <image>

<pic>

• <photo>

• src

title

alt

• href

<li>

<ul>

• <dl>

<ol>

<h1>

• <p>

<div>

• <br>

• <table>

<grid>

• <tab>

<column>

Gộp nhiều hàng thành một

• Gộp nhiều cột thành một

• Định dạng ô bảng

• Xóa ô bảng

target="_self"

target="_blank"

• target="new"

• window="_new"

<ol>

<ul>

<li>

<list>

<ol> hoặc <ul>

• <table>

<p>

• <div>

• list-style

type

style

format

<ul>

• <ol>

<dl>

• <list>

• <form>

• <input>

• <button>

• <textarea>

type="email"

type="text"

type="mail"

• type="username"

Hiển thị nội dung nhập trước

Tạo tooltip

Giới hạn độ dài ký tự

Xác định kiểu dữ liệu nhập vào

• Giới hạn số ký tự nhập

Bắt buộc nhập dữ liệu

Định dạng dữ liệu nhập

Tạo nút gửi form

Nhập văn bản dài

Chọn ngày

Hiển thị mật khẩu

Hiển thị văn bản dạng in đậm

<video>

<media>

<mov>

• <mp4>

<b>

<center>

<strong>

<footer>

Định nghĩa một phần nội dung có liên quan

Hiển thị hình ảnh

• Hiển thị tiêu đề

Tạo liên kết

Định nghĩa một bài viết độc lập

Hiển thị tiêu đề bài viết

Định nghĩa nội dung không quan trọng

Định nghĩa danh sách bài viết

Tự động phát video

Phát lại video liên tục

Tăng tốc độ phát video

Hiển thị phụ đề video

Creative Style Sheets

Computer Style Sheets

Cascading Style Sheets

• Colorful Style Sheets

<style src="style.css">

<css file="style.css">

<stylesheet>style.css</stylesheet>

<link rel="stylesheet" href="style.css">

text-color

color

font-color

background-color

p {}

• #p {}

.p {}

*p {}

 text-style

• font-family

font-style

text-font

<p style="color:red;">Hello</p>

<p css="color:red;">Hello</p>

<p color="red;">Hello</p>

<p font="red;">Hello</p>

Thay đổi màu nền

Thay đổi màu chữ

Tạo bóng chữ

Hiển thị ảnh nền

#box {}

• .box {}

• box {}

*box {}

<script>

<css>

<style>

<link>

h1 {color: blue;}

h1.blue {}

#h1 {color: blue;}

h1.color=blue;

align: center;

text-align: center;

margin: center;

center-align: true;

• relative

absolute

fixed

static

Xác định kích thước chữ

Xác định vị trí phần tử theo trục Z

Thay đổi độ trong suốt của phần tử

Tạo khoảng cách giữa các phần tử

display: hidden;

visibility: none;

display: none;

opacity: 0;

display: block;

display: inline;

display: flex;

display: fixed;

row

column

inline

block

Định nghĩa kiểu chữ

Xác định độ trong suốt

Tạo bóng chữ

Xác định khoảng cách chữ

hidden

visible

scroll

collapse

animation

transform

transition

keyframes

• border-width

border-radius

box-shadow

outline

• Ngôn ngữ lập trình máy

Ngôn ngữ lập trình kịch bản (scripting language)

Ngôn ngữ lập trình hệ thống

Ngôn ngữ lập trình thấp cấp

• console.log("Hello")

print("Hello")

msgBox("Hello")

alert("Hello")

variable x = 10;

let x = 10;

x := 10;

declare x = 10;

Number

Boolean

Float

Object

"null"

"undefined"

"object"

"string"

Khi phép toán có giá trị không hợp lệ

Khi chia số cho 0

Khi phép toán có số âm

Khi giá trị không được định nghĩa

==

 ===

• !=

=

true

false

undefined

NaN

parseInt("10")

Number("10")

+"10"

Cả ba cách

typeof x === "number"

• isNumber(x)

x instanceof Number

x.isNumber()

• function myFunc() {}

def myFunc() {}

new function myFunc() {}

• lambda myFunc() {}

call greet;

greet();

execute greet();

invoke(greet);

let arr = {1, 2, 3};

let arr = [1, 2, 3];

let arr = (1, 2, 3);

let arr = <1, 2, 3>;

• arr(1)

arr{1}

arr[1]

arr.get(1)

arr.append(100);

arr.add(100);

arr.push(100);

arr.insert(100);

let obj = {};

• let obj = [];

• let obj = new Object();

let obj = {}; và let obj = new Object();

person["name"]

person.name

person->name

person["name"] và person.name

delete person["age"];

person.remove("age");

person.drop("age");

person.delete("age");

• for (let key in person) {}

person.forEach((key) => {})

• Object.keys(person).map((key) => {})

• Object.keys(person).map((key) => {}) và for (let key in person) {}