Tệp HTML chỉ đơn giản là một tệp văn bản được lưu với phần mở rộng .html hoặc .htm. Bạn có thể tạo tệp HTML bằng bất kỳ trình soạn thảo văn bản nào như Notepad hoặc TextEdit.

Bạn đang xem : cách tạo tài liệu html

Quảng cáo


HTML

Bắt đầu

Tệp HTML chỉ đơn giản là một tệp văn bản được lưu với đuôi .html hoặc .htm.

Bắt đầu

Trong hướng dẫn này, bạn sẽ tìm hiểu cách tạo tài liệu HTML hoặc trang web dễ dàng như thế nào. Để bắt đầu viết mã HTML, bạn chỉ cần hai thứ: một trình soạn thảo văn bản đơn giản và một trình duyệt web.

Chà, hãy bắt đầu với việc tạo trang HTML đầu tiên của bạn.

Tạo tài liệu HTML đầu tiên của bạn

Hãy xem qua các bước sau. Ở cuối hướng dẫn này, bạn sẽ tạo một tệp HTML hiển thị thông báo “Hello world” trong trình duyệt web của bạn.

Bước 1: Tạo tệp HTML

Mở trình chỉnh sửa văn bản thuần túy trên máy tính của bạn và tạo một tệp mới.

Mẹo: Chúng tôi khuyên bạn nên sử dụng Notepad (trên Windows), TextEdit (trên Mac) hoặc một số trình soạn thảo văn bản đơn giản khác để thực hiện việc này; không sử dụng Word hoặc WordPad! Sau khi hiểu các nguyên tắc cơ bản, bạn có thể chuyển sang các công cụ nâng cao hơn như Adobe Dreamweaver.

Bước 2: Nhập một số mã HTML

Bắt đầu với một cửa sổ trống và nhập mã sau:

Ví dụ

Hãy thử mã này

»

  & lt;! DOCTYPE html & gt;
& lt; html lang = "vi" & gt;
& lt; đầu & gt;
    & lt; title & gt; Một tài liệu HTML đơn giản & lt; / title & gt;
& lt; / head & gt;
& lt; body & gt;
    & lt; p & gt; Hello World! & lt; p & gt;
& lt; / body & gt;
& lt; / html & gt;  

Bước 3: Lưu tệp

Bây giờ, hãy lưu tệp trên màn hình của bạn dưới dạng “myfirstpage.html”.

Lưu ý: Điều quan trọng là phần mở rộng .html phải được chỉ định – một số trình chỉnh sửa văn bản, chẳng hạn như Notepad, sẽ tự động lưu nó dưới dạng .txt nếu không.

Để mở tệp trong trình duyệt. Điều hướng đến tệp của bạn sau đó nhấp đúp vào tệp đó. Nó sẽ mở trong trình duyệt Web mặc định của bạn. Nếu không, hãy mở trình duyệt của bạn và kéo tệp vào đó.

Giải thích mã

Bạn có thể nghĩ mã đó là gì. Vâng, chúng ta hãy tìm hiểu.

  • Dòng đầu tiên & lt;! DOCTYPE html & gt; khai báo loại tài liệu . Nó hướng dẫn trình duyệt web rằng tài liệu này là tài liệu HTML5. Nó không phân biệt chữ hoa chữ thường.
  • Phần tử & lt; head & gt; là vùng chứa các thẻ cung cấp thông tin về tài liệu, ví dụ: thẻ & lt; title & gt; xác định tiêu đề của tài liệu .
  • Phần tử & lt; body & gt; chứa nội dung thực tế của tài liệu (đoạn văn, liên kết, hình ảnh, bảng, v.v.) được hiển thị trong trình duyệt web và hiển thị cho người dùng.

Bạn sẽ tìm hiểu chi tiết về các phần tử HTML khác nhau trong các chương sắp tới. Hiện tại, chỉ cần tập trung vào cấu trúc cơ bản của tài liệu HTML.

Lưu ý: Khai báo DOCTYPE xuất hiện ở đầu trang web trước tất cả các phần tử khác; tuy nhiên, bản thân khai báo doctype không phải là thẻ HTML. Mọi tài liệu HTML đều yêu cầu khai báo loại tài liệu để đảm bảo rằng các trang của bạn được hiển thị chính xác.

Mẹo: Các thẻ & lt; html & gt; , & lt; head & gt; & lt; body & gt; tạo nên khung cơ bản của mọi trang web. Nội dung bên trong & lt; head & gt; & lt; / head & gt; không hiển thị với người dùng ngoại trừ một ngoại lệ: văn bản giữa & lt; title & gt; và Thẻ & lt; / title & gt; xuất hiện dưới dạng tiêu đề trên tab trình duyệt.

Thẻ và phần tử HTML

HTML được viết dưới dạng các phần tử HTML bao gồm các thẻ đánh dấu. Các thẻ đánh dấu này là đặc điểm cơ bản của HTML. Mỗi thẻ đánh dấu bao gồm một từ khóa, được bao quanh bởi dấu ngoặc nhọn, chẳng hạn như & lt; html & gt; , & lt; head & gt; , & lt; body & gt; , & lt; title & gt; , & lt; p & gt; , v.v.

Các thẻ HTML thường đi thành từng cặp như & lt; html & gt; & lt; / html & gt; . Thẻ đầu tiên trong một cặp thường được gọi là thẻ mở (hoặc thẻ bắt đầu) và thẻ thứ hai được gọi là thẻ đóng (hoặc thẻ kết thúc).

Thẻ mở và thẻ đóng giống hệt nhau, ngoại trừ dấu gạch chéo ( / ) sau dấu ngoặc nhọn mở của thẻ đóng, để cho trình duyệt biết rằng lệnh đã được hoàn tất.

Ở giữa thẻ bắt đầu và thẻ kết thúc, bạn có thể đặt nội dung thích hợp. Ví dụ: một đoạn văn, được đại diện bởi phần tử p , sẽ được viết là:

Ví dụ

Hãy thử mã này

»

  & lt; p & gt; Đây là một đoạn văn. & lt; / p & gt;
& lt;! - Đoạn văn có phần tử lồng nhau - & gt;
& lt; p & gt;
    Đây là & lt; b & gt; khác & lt; / b & gt; đoạn văn.
& lt; / p & gt;  

Bạn sẽ tìm hiểu về các phần tử HTML khác nhau trong chương sắp tới.

Quảng cáo


Xem thêm những thông tin liên quan đến chủ đề cách tạo một tài liệu html

[Học HTML - 03] Tạo tài liệu web HTML

  • Tác giả: Thạch Phạm
  • Ngày đăng: 2015-04-18
  • Đánh giá: 4 ⭐ ( 9331 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Cách tạo một tài liệu website bằng HTML.
    Xem toàn bộ serie tại http://thachpham.com/series/html-co-ban

HTML là gì? Tài liệu học HTML cơ bản - Blog

  • Tác giả: vn.got-it.ai
  • Đánh giá: 4 ⭐ ( 6227 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Học HTML cơ bản sẽ hỗ trợ viết nội dung và tạo phần khung cho website. Đây là ngôn ngữ đơn giản nhất nhưng cũng là phần quan trọng nhất trong thiết kế website.

Cách để Tạo một trang web đơn giản với HTML

  • Tác giả: www.wikihow.vn
  • Đánh giá: 5 ⭐ ( 1263 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Cách để Tạo một trang web đơn giản với HTML. Đây là bài viết hướng dẫn cách tạo một trang web đơn giản với HTML (ngôn ngữ đánh dấu siêu văn bản). HTML là một trong những thành phần cốt lõi của mạng lưới toàn cầu World Wide Web và tạo nên...

[Học HTML] Cấu trúc một tài liệu web bằng HTML

  • Tác giả: thachpham.com
  • Đánh giá: 5 ⭐ ( 9523 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Cấu trúc một tài liệu website bằng HTML bao gồm 4 phần chính, đó là thẻ !DOCTYPE, thẻ html, thẻ head và thẻ body.

HTML là gì? Hướng dẫn viết 1 đoạn HTML đơn giản nhất

  • Tác giả: vietnix.vn
  • Đánh giá: 4 ⭐ ( 6692 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: HTML là gì? Qua bài viết Vietnix chia sẻ ở đây đầy đủ các nội dung và thông tin cần thiết về HTML mà bạn cần phải biết.

Tạo tài liệu HTML đầu tiên của bạn trong 60 Giây

  • Tác giả: webdesign.tutsplus.com
  • Đánh giá: 3 ⭐ ( 4719 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Tạo tài liệu HTML đầu tiên của bạn là một trong những khoảnh khắc thoả mãn nhất đối với bất kỳ nhà thiết kế web mới nào. Dưới đây là cách thực hiện điều đó trong vòng 60 giây!

    ...

HỌC LẬP TRÌNH WEB TẠI HÀ NỘI

  • Tác giả: daotaolaptrinh.edu.vn
  • Đánh giá: 4 ⭐ ( 5614 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Tài liệu HTML&CSS, kiến thức html và css cơ bản và nâng cao, nền tảng cho việc học thiết kế web, tài liệu html và css cho các bạn mới bắt đầu học thiết kế lập trình web

Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình

Xem Thêm  C # vòng lặp while và do ... while (Với các ví dụ) - vòng lặp do while c #

By ads_php