Hướng dẫn HTML

TRANG CHỦ HTML Giới thiệu HTML Trình chỉnh sửa HTML HTML cơ bản Phần tử HTML Thuộc tính HTML Tiêu đề HTML Đoạn văn HTML Kiểu HTML Định dạng HTML Trích dẫn HTML Nhận xét HTML Màu HTML HTML CSS Liên kết HTML Hình ảnh HTML HTML Favicon Bảng HTML Danh sách HTML Khối HTML & Nội tuyến Các lớp HTML Id HTML Khung nội tuyến HTML HTML JavaScript Đường dẫn tệp HTML Đầu HTML Bố cục HTML HTML đáp ứng Mã máy tính HTML Ngữ nghĩa HTML Hướng dẫn kiểu HTML Thực thể HTML Biểu tượng HTML Biểu tượng cảm xúc HTML Bộ mã HTML Mã hóa URL HTML HTML so với XHTML

Biểu mẫu HTML

Biểu mẫu HTML Thuộc tính biểu mẫu HTML Phần tử biểu mẫu HTML Các loại đầu vào HTML Thuộc tính đầu vào HTML Thuộc tính biểu mẫu nhập HTML

Đồ họa HTML

HTML Canvas HTML SVG

HTML Media

HTML Media Video HTML Âm thanh HTML Trình cắm HTML HTML YouTube

API HTML

Vị trí địa lý HTML Kéo / thả HTML Lưu trữ web HTML Nhân viên web HTML HTML SSE

Ví dụ HTML

Ví dụ HTML HTML Quiz Bài tập HTML Chứng chỉ HTML Tóm tắt HTML Khả năng truy cập HTML

Tham chiếu HTML

Danh sách thẻ HTML Thuộc tính HTML Thuộc tính toàn cầu HTML Hỗ trợ trình duyệt HTML Sự kiện HTML Màu HTML HTML Canvas HTML Audio / Video HTML Doctypes Bộ ký tự HTML Mã hóa URL HTML Mã HTML Lang Tin nhắn HTTP Phương thức HTTP Công cụ chuyển đổi PX sang EM Các phím tắt bàn phím

JavaScript HTML


JavaScript làm cho các trang HTML trở nên động và tương tác hơn.


Thí dụ

My First JavaScript


Thẻ HTML <script>

Thẻ HTML <script>được sử dụng để xác định tập lệnh phía máy khách (JavaScript).

Phần <script>tử chứa các câu lệnh script hoặc nó trỏ đến một tệp script bên ngoài thông qua srcthuộc tính.

Các ứng dụng phổ biến cho JavaScript là thao tác hình ảnh, xác thực biểu mẫu và các thay đổi động của nội dung.

Để chọn một phần tử HTML, JavaScript thường sử dụng document.getElementById()phương pháp này nhất.

Ví dụ JavaScript này viết "Xin chào JavaScript!" vào một phần tử HTML với id = "demo":

Thí dụ

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>

Mẹo: Bạn có thể tìm hiểu thêm về JavaScript trong Hướng dẫn JavaScript của chúng tôi .


Hương vị của JavaScript

Dưới đây là một số ví dụ về những gì JavaScript có thể làm:

Thí dụ

JavaScript có thể thay đổi nội dung:

document.getElementById("demo").innerHTML = "Hello JavaScript!";

Thí dụ

JavaScript có thể thay đổi kiểu:

document.getElementById("demo").style.fontSize = "25px";
document.getElementById("demo").style.color = "red";
document.getElementById("demo").style.backgroundColor = "yellow";

Thí dụ

JavaScript có thể thay đổi các thuộc tính:

document.getElementById("image").src = "picture.gif";


Thẻ HTML <noscript>

Thẻ HTML <noscript>xác định nội dung thay thế sẽ được hiển thị cho người dùng đã tắt tập lệnh trong trình duyệt của họ hoặc có trình duyệt không hỗ trợ tập lệnh:

Thí dụ

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
<noscript>Sorry, your browser does not support JavaScript!</noscript>

Bài tập HTML

Kiểm tra bản thân với các bài tập

Bài tập:

Sử dụng JavaScript để thay đổi nội dung HTML của <p>phần tử thành "Hello World!".

<body>

<p id = "demo"> Xin chào. </p>

<script>
tài liệu.("demo"). innerHTML = "Hello World!";
</script>

</body>


Thẻ tập lệnh HTML

Tag Description
<script> Defines a client-side script
<noscript> Defines an alternate content for users that do not support client-side scripts

Để có danh sách đầy đủ tất cả các thẻ HTML có sẵn, hãy truy cập Tham khảo thẻ HTML của chúng tôi .