Hướng dẫn dùng js w3schools trong PHP

JavaScript is the world's most popular programming language.

Nội dung chính

• Examples in Each Chapter
• Use the Menu
• Learn by Examples
• Why Study JavaScript?
• Learning Speed
• Commonly Asked Questions
• My Learning
• JavaScript References
• JavaScript Quiz Test
• Kickstart your career
• Tầm quan trọng của việc tra cứu
• Hướng dẫn tra cứu

Nội dung chính

• Examples in Each Chapter
• Use the Menu
• Learn by Examples
• Why Study JavaScript?
• Learning Speed
• Commonly Asked Questions
• My Learning
• JavaScript References
• JavaScript Quiz Test
• Kickstart your career

JavaScript is the programming language of the Web.

JavaScript is easy to learn.

This tutorial will teach you JavaScript from basic to advanced.

Start learning JavaScript now »

Examples in Each Chapter

With our "Try it Yourself" editor, you can edit the source code and view the result.

---

Use the Menu

We recommend reading this tutorial, in the sequence listed in the menu.

If you have a large screen, the menu will always be present on the left.

If you have a small screen, open the menu by clicking the top menu sign ☰.

---

Learn by Examples

Examples are better than 1000 words. Examples are often easier to understand than text explanations.

This tutorial supplements all explanations with clarifying "Try it Yourself" examples.

If you try all the examples, you will learn a lot about JavaScript, in a very short time!

JavaScript Examples »

---

Why Study JavaScript?

JavaScript is one of the 3 languages all web developers must learn:

   1. HTML to define the content of web pages

   2. CSS to specify the layout of web pages

   3. JavaScript to program the behavior of web pages

This tutorial covers every version of JavaScript:

• The Original JavaScript ES1 ES2 ES3 (1997-1999)
• The First Main Revision ES5 (2009)
• The Second Revision ES6 (2015)
• The Yearly Additions (2016, 2017, 2018)

---

---

Learning Speed

In this tutorial, the learning speed is your choice.

Everything is up to you.

If you are struggling, take a break, or re-read the material.

Always make sure you understand all the "Try-it-Yourself" examples.

The only way to become a clever programmer is to: Practice. Practice. Practice. Code. Code. Code !

---

---

Commonly Asked Questions

• How do I get JavaScript?
• Where can I download JavaScript?
• Is JavaScript Free?

You don't have to get or download JavaScript.

JavaScript is already running in your browser on your computer, on your tablet, and on your smart-phone.

JavaScript is free to use for everyone.

---

My Learning

Track your progress with the free "My Learning" program here at W3Schools.

Log into your account, and start earning points!

This is an optional feature, you can study W3Schools without using My Learning.

---

JavaScript References

W3Schools maintains a complete JavaScript reference, including all HTML and browser objects.

The reference contains examples for all properties, methods and events, and is continuously updated according to the latest web standards.

Complete JavaScript Reference »

---

JavaScript Quiz Test

Test your JavaScript skills at W3Schools!

Start JavaScript Quiz!

Kickstart your career

Get certified by completing the course

Get certified

w3schoolsCERTIFIED.2022

Lượt xem: 1946 Ngày tạo: 15/01/2021 Ngày cập nhật: 25/01/2021

Chào mừng bạn đã trở lại với series HTML & CSS căn bản!

Trong nội dung của các bài giảng trước đó, chúng ta đã được học về khái niệm, cú pháp của HTML & CSS, cũng như đã trải qua 2 bài giảng thực hành về cách thức sử dụng 2 ngôn ngữ này. Trong bài giảng cuối cùng của series này, hoccode.org sẽ không bàn tiếp về một chủ đề kiến thức chuyên môn nào nữa, thay vào đó mình sẽ chia sẻ về các cách mà các bạn có thể sử dụng để tra cứu về những vấn lề liên quan đến HTML & CSS trên W3Schools.com.

Nào chúng ta cùng bắt đầu thôi!

Tầm quan trọng của việc tra cứu

Khi bạn học tập, nghiên cứu hay làm việc trong ngành lập trình một thời gian, bạn sẽ nhận ra rằng bạn không thể nào nhớ hết một cách chính xác tất cả các cú pháp của một hay nhiều ngôn ngữ lập trình. Chẳn hạn như trong HTML & CSS, việc ghi nhớ cú pháp của tất cả các loại thẻ, thuộc tính HTML, thuộc tính CSS là một điều dường như bất khả thi, bởi số lượng của chúng rất nhiều mà còn được cập nhật mới theo thời gian. Chính vì thế, việc tra cứu là vô cùng cần thiết để bạn có đủ thông tin làm cơ sở giải quyết các vấn đề cụ thể trong công việc lập trình.

Nói như trên không có nghĩa là mình khuyến khích các bạn không cần nhớ bất cứ thứ gì, chỉ việc tra cứu là xong. Trong HTML & CSS, việc ghi nhớ các thành phần cơ bản trong HTML (phần tử, thuộc tính...) & CSS (selector, thuộc tính CSS, giá trị thuộc tính CSS...) là thiết yếu và bắt buộc lập trình viên phải luôn ghi nhớ. Ngoài ra, việc nắm trong đầu một số lượng lớn thẻ trong HTML, thuộc tính HTML hay thuộc tính CSS sẽ giúp tốc độ hoàn thành công việc. của 1 lập trình viên gia tăng đáng kể.

Hướng dẫn tra cứu

Tổng quan về website W3Schools.com

W3schools.com là một website cung cấp các thông tin liên quan đến các ngôn ngữ lập trình như HTML & CSS, Javascript, PHP, Python, C#... Sở dĩ mình và đa số các lập trình viên thường ưu tiên tra W3schools.com hơn các website khác khi tra cứu HTML & CSS bởi cách diễn giải của website này rất đơn giản và thân thiện với những người mới học và tiếp xúc với một loại ngôn ngữ mới.

Khi bạn truy cập lần đầu vào website w3schools.com, nội dung của website mặc định sẽ hiển thị bằng Tiếng Anh. Bạn có thể điều chỉnh ngôn ngữ hiển thị sang Tiếng Việt (Vietnamese) bằng cách click vào biểu tượng   (quả địa cầu) ở góc phải trên thanh Menu.

Các phương pháp tra cứu theo mục đích sử dụng

Áp dụng cho trường hợp bạn muốn tạo một phần tử HTML nhưng chưa biết nên lựa chọn thẻ (tag) nào, hay bạn muốn định dạng cho một phần tử HTML nhưng chưa biết áp dụng thuộc tính CSS nào.

Cách 1: Tra cứu theo mục lục

Đối với tra cứu HTML

Đối với tra cứu CSS

1. Trên thanh Sidebar của W3Schools.com → Bạn vào mục HTML and CSS → Learn HTML 2. Lúc này, thanh Sidebar sẽ hiển thị thêm các mục con dựa theo mục đích sử dụng của HTML → Chọn mục con mà bạn đang cần tìm hiểu. Ví dụ Giả sử mình cần tìm thẻ để tạo một phần tử HTML chứa liên kết đến 1 trang khác, mình sẽ click vào mục HTML Links. Sau đó, trang kết quả thông tin hiện ra và mình biết được thẻ được dùng để tạo các phần tử liên kết (link), cùng với các thuộc tính liên quan, ví dụ cụ thể.

1. Trên b của W3Schools.com → Bạn vào mục HTML and CSS → Learn CSS. 2. Lúc này, thanh Sidebar sẽ hiển thị thêm các mục con dựa theo mục đích sử dụng của HTML → Chọn mục con mà bạn đang cần tìm hiểu. Ví dụ: Giả sử mình cần tìm thuộc tính CSS dùng để định dạng màu nền cho 1 phần tử HTML, mình sẽ click vào mục CSS Backgrounds (Nền CSS). Sau đó trang kết quả hiện ra, và mình biết được rằng thuộc tính CSS background-color hoặc background được dùng để định dạng màu nền cho 1 phần tử HTML, bên cạnh diễn giải và những ví dụ cụ thể.

Cách 2: Tra cứu bằng công cụ search

Đối với tra cứu HTML

Đối với tra cứu CSS

Trên thanh Menu của W3Schools.com → Bạn click vào biểu tượng search Bạn gõ từ khóa tìm kiếm theo cú pháp Mục đích sử dụng + HTML tag Ví dụ: Cũng theo trường hợp giả sử ở cách 1, mình gõ từ khóa Link HTML tag hoặc Liên kết HTML tag Danh sách kết quả hiện ra, thông thường nếu bạn gõ theo cú pháp này thì kết quả số 1 sẽ là đúng nhất, mình click vào và trình duyệt chuyển đến đúng trang kết quả của cách 1.

Trên thanh Menu của W3Schools.com → Bạn click vào biểu tượng search Bạn gõ từ khóa tìm kiếm theo cú pháp Mục đích sử dụng + CSS Ví dụ: Cũng theo trường hợp giả sử ở cách 1, mình gõ từ khóa background CSS hoặc nền CSS. Danh sách kết quả hiện ra, thông thường nếu bạn gõ theo cú pháp này thì kết quả số 1 sẽ là đúng nhất, mình click vào và trình duyệt chuyển đến đúng trang kết quả của cách 1.

Các phương pháp tra cứu theo đối tượng

Áp dụng cho trường hợp bạn muốn tra cứu về cách dùng của một loại thẻ trong HTML hay một loại thuộc tính CSS.

Ví dụ:

Mình cần tra cứu về cách dùng và những thông tin liên quan đến thẻ

Mình cần tra cứu về cách dùng và những thông tin liên quan đến thuộc tính CSS font-style

Cách 1: Tra cứu bằng mục lục

Đối với tra cứu HTML	Đối với tra cứu CSS
Trên thanh Menu của W3Schools.com → Bạn vào mục REFERENCES → HTML Tag Reference Danh sách tất cả các loại thẻ (tag) trong HTML hiện ra → Bạn click vào thẻ mà mình muốn tìm hiểu	Trên thanh Menu của W3Schools.com → Bạn vào mục REFERENCES → CSS Reference Danh sách tất cả các thuộc tính CSS hiện ra → Bạn click vào thuộc tính mà mình muốn tìm hiểu

Cách 2: Tra cứu bằng công cụ search

Đối với tra cứu HTML	Đối với tra cứu CSS
Trên thanh Menu của W3Schools.com → Bạn click vào biểu tượng search Bạn gõ từ khóa tìm kiếm theo cú pháp thẻ HTML + HTML tag Ví dụ: mình tìm kiếm với từ khóa: HTML tag Danh sách kết quả hiện ra, thông thường nếu bạn gõ theo cú pháp này thì kết quả số 1 sẽ là đúng nhất, mình click vào và trình duyệt chuyển đến đúng trang kết quả của cách 1.	Trên thanh Menu của W3Schools.com → Bạn click vào biểu tượng search Bạn gõ từ khóa tìm kiếm theo cú pháp thuộc tính + CSS Ví dụ: mình tìm kiếm với từ khóa: font-style CSS Danh sách kết quả hiện ra, thông thường nếu bạn gõ theo cú pháp này thì kết quả số 1 sẽ là đúng nhất, mình click vào và trình duyệt chuyển đến đúng trang kết quả của cách 1.

Như vậy chúng ta đã vừa tìm hiểu xong nội dung cuối cùng của bài giảng, cũng là phần cuối cùng của series HTML & CSS căn bản rồi. Hoccode.org chân thành cảm ơn bạn đã ủng hộ series trong suốt thời gian qua. Sắp tới, chúng tớ sẽ tiếp tục cho ra series tiếp nối HTML & CSS nâng cao và chúng tớ rất hy vọng sẽ được các bạn đón nhận!

Như thường lệ, nếu các bạn có bất kỳ thắc mắc nào với nội dung bài giảng này, hãy để lại comment (bình luận) bên dưới. Nếu các bạn cảm thấy nội dung bài giảng hay và hữu ích, hãy cho chúng tớ 1 like, share hoặc đánh giá để chúng tớ có thêm động lực cho ra các bài giảng hay hơn nhé.

Thân chào!