Chuyển đến nội dung

Viết mã, cộng tác, biên dịch, chạy, chia sẻ và triển khai HTML, CSS, JS, v.v trực tuyến từ trình duyệt của bạn

Khám phá Teams >_Code với lớp học hoặc đồng nghiệp của bạn

Khám phá dịch vụ lưu trữ >_Khởi đầu dự án của bạn nhanh chóng

Chạy Mở rộng để có thêm tùy chọn Đăng nhập

Đăng nhập

• Sẽ được hiển thị trong các đoạn trích công khai, được lập chỉ mục bởi các công cụ tìm kiếm và được trả lại trong kết quả tìm kiếm của chúng tôi
• Bất kỳ ai cũng có thể nhìn thấy url nhưng đoạn mã sẽ không được hiển thị trong đoạn mã công khai, kết quả tìm kiếm và sẽ không được công cụ tìm kiếm lập chỉ mục
• Sẽ chỉ hiển thị với bạn

Thực hiện theo các bước đơn giản bên dưới để biên dịch và thực thi bất kỳ chương trình HTML trực tuyến nào bằng trình duyệt yêu thích của bạn mà không cần có bất kỳ thiết lập nào trên máy cục bộ của bạn

Trình biên dịch HTML trực tuyến

Bước 1 Nhập nguồn của bạn bằng trình soạn thảo văn bản có sẵn

Bước 2 Nhấp vào Chạy để nhận Đầu ra

Mã này có thể chỉnh sửa. Nhấp vào Chạy để thực thi

My First Heading

My first paragraph.

Bạn có thể thích

• Trình biên dịch Java trực tuyến. Biên dịch, chạy và thực thi chương trình Java
• Thực thi JavaScript trực tuyến
• Trình biên dịch Python trực tuyến (Trình chỉnh sửa/Thông dịch viên/IDE) để chạy mã

Với trình chỉnh sửa mã trực tuyến của W3Schools, bạn có thể chỉnh sửa mã HTML, CSS và JavaScript và xem kết quả trong trình duyệt của mình

Cửa sổ bên trái có thể chỉnh sửa - chỉnh sửa mã và nhấp vào nút "Chạy" để xem kết quả trong cửa sổ bên phải

"Kích thước kết quả" trả về chiều rộng và chiều cao của cửa sổ kết quả tính bằng pixel (ngay cả khi bạn thay đổi kích thước cửa sổ trình duyệt)

Bạn có thể kiểm soát kích thước của cửa sổ bằng thanh ở giữa các cửa sổ (máng xối có thể kéo được)

Các biểu tượng được giải thích trong bảng dưới đây

Biểu tượng Mô tả Truy cập www. w3schools. nút nhận xét để có thêm tùy chọn Lưu mã của bạn (và chia sẻ mã với người khác)Thay đổi hướng (ngang hoặc dọc)Thay đổi chủ đề màu (sáng hoặc tối)

---

Nếu bạn chưa quen với viết mã, chúng tôi khuyên bạn nên bắt đầu với HTML và chuyển sang CSS và JavaScript

Hướng dẫn HTML Hướng dẫn CSS Hướng dẫn JavaScript

---

Trình biên dịch mã phụ trợ cho phép bạn chỉnh sửa Python, C#, C++, PHP, Node. js, Java, Bash, Clojure, Fortran, Go, Kotlin, Perl, R, Ruby, Scala, Swift, TypeScript và VB. NET và xem kết quả trong trình duyệt của bạn

Nhấp vào nút "Tự dùng thử" để xem nó hoạt động như thế nào

Giải thích trình biên dịch mã

Danh sách thả xuống ở bên phải nút "Chạy" cho phép bạn thay đổi ngôn ngữ lập trình

Bằng cách chọn tab "đầu vào", bạn có thể thêm đầu vào của người dùng để sử dụng trong mã

Các tab "+" cho phép bạn thêm các tệp bổ sung (cho cùng ngôn ngữ bạn đang chạy) để chạy

Viết, chạy và chia sẻ mã HTML trực tuyến bằng trình chỉnh sửa mã HTML trực tuyến của OneCompiler miễn phí. Đây là một trong những trình soạn thảo Mã trực tuyến mạnh mẽ, giàu tính năng dành cho ngôn ngữ HTML, chạy trên phiên bản HTML5 mới nhất. Bắt đầu với trình biên dịch HTML của OneCompiler rất đơn giản và khá nhanh. Trình chỉnh sửa hiển thị mã soạn sẵn mẫu khi bạn chọn ngôn ngữ là HTML. Bạn cũng có thể chỉ định thông tin biểu định kiểu trong tab styles.css và thông tin tập lệnh trong tab scripts.js và bắt đầu viết mã

HTML (Hyper Text Markup language) là ngôn ngữ đánh dấu tiêu chuẩn cho các trang Web, được tạo ra bởi Berners-Lee vào năm 1991. Hầu như mọi trang web trên internet có thể đang sử dụng HTML

Nguyên tắc cơ bản

• Bất kỳ tài liệu HTML nào cũng phải bắt đầu bằng khai báo tài liệu
• Tài liệu HTML bắt đầu bằng và kết thúc bằng
• Các tiêu đề được xác định theo đâu là tiêu đề quan trọng nhất và là tiêu đề phụ ít quan trọng nhất
• Các đoạn được định nghĩa trong thẻ ___________
• Liên kết được định nghĩa trong thẻ

  Ví dụ

  HTML online compiler

• Hình ảnh được xác định trong thẻ , trong đó thuộc tính src bao gồm tên hình ảnh
• Các nút được xác định trong thẻ

  HTML online compiler

  0
• Danh sách được định nghĩa trong
  cho danh sách không có thứ tự/dấu đầu dòng và
  cho danh sách theo thứ tự/số và các mục danh sách được xác định trong
  1. .

  Các phần tử và thuộc tính HTML

  • Phần tử HTML là mọi thứ có từ thẻ bắt đầu đến thẻ kết thúc
  • Văn bản hiện diện giữa thẻ bắt đầu và thẻ kết thúc được gọi là nội dung phần tử HTML
  • Mọi thứ đều có thể là tên thẻ nhưng nên đặt tiêu đề có ý nghĩa cho nội dung được trình bày dưới dạng tên thẻ
  • Đừng quên thẻ kết thúc
  • Phần tử không có nội dung được gọi là phần tử rỗng
  • Các phần tử có thể có các thuộc tính cung cấp thông tin bổ sung về phần tử
  • Trong ví dụ dưới đây, href là một thuộc tính và a là tên thẻ

    Ví dụ

    HTML online compiler

  CSS

  CSS (cascading style sheet) mô tả các phần tử HTML sẽ trông như thế nào trên trang web như màu sắc, kiểu phông chữ, cỡ chữ, màu nền, v.v.

  Ví dụ

  Dưới đây là một biểu định kiểu mẫu hiển thị tiêu đề màu xanh lá cây và phông chữ Candara với khoảng đệm 25px