Tập làm quen với html cơ bản

[t11nguyen]

Bạn đọc bài viết này, có lẽ là bạn đang bắt đầu tìm hiểu học làm web vậy thì bạn đang đi đúng hướng rồi đó. Để bắt đầu với việc lập trình web thì việc đầu tiên là bạn phải làm quen với HTML. HTML là ngôn ngữ cơ bản để bạn viết nên một trang web. HTML nó như bộ khung của trang web và sau đó nó sẽ kết hợp với CSS để làm đẹp cho trang web của bạn.
Xem thêm về lập trình php tại đây: https://vietpro.net.vn/hoc-lap-trinh-web-php-co-ban


Trong bài viết đầu tiên của series học HTML cơ bản này mình sẽ giải thích cho bạn hiểu HTML là gì và cấu trúc để tạo một trang HTML nó như thế nào. Chúng ta bắt đầu khám phá về HTML trong nội dung bên dưới đây nhé.


HTML là gì?
HTML được viết tắt từ cụm từ “HyperText Markup Language” và có nghĩa là “Ngôn ngữ đánh dấu siêu văn bản” nó dùng để tạo ra các trang web tĩnh. Thông thường 1 trang web sẽ bao gồm 1 hoặc nhiều tập tin HTML (tài liệu HTML). Các tập tin HTML này nó dùng để định dạng bố cục hiển thị cho văn bản (text).




Tính đến thời điểm hiện tại thì phiên bản HTML mới nhất đang là HTML5. Tuy nhiên nếu bạn là người mới bắt đầu thì chỉ cần nắm vững được HTML cơ bản trước vì sau này học sang HTML5 sẽ dễ dàng như đi chơi


Một tập tin HTML sẽ chứa các phần tử HTML và được lưu lại với đuôi mở rộng là .html hoặc .htm. Các tập tin HTML sẽ được đọc bởi các trình duyệt web (Browser) như Firefox, Chrome, Cốc Cốc,…


Xem thêm về lịch sử của HTML tại đây

Phần mềm viết code HTML là gì?
HTML nó được viết dưới dạng văn bản thuần nên bạn có thể sử dụng các chương trình soạn thảo văn bản không có chức năng định dạng như Notepad, Notepad++, Sublime Text, Adobe Dreamweaver,…Trong series học HTML này mình sẽ dùng Notepad++ để hướng dẫn các bạn.






Như vậy qua bài viết này bạn có thể hiểu rõ được HTML là gì và biết được cú pháp cũng như cấu trúc để soạn thảo code HTML. Cũng có thể bạn sẽ vẫn còn mơ hồ chưa hiểu được HTML nó như nào nhưng các bạn cứ chịu khó theo dõi các bài viết tiếp theo trong series học HTML cơ bản trên bạn sẽ thấy HTML cũng không phải là cái gì đó quá cao siêu đâu
Để tạo ra một trang web tĩnh chúng ta phải sử dụng HTML để viết bố cục cho trang web và CSS để trang trí cho web. Nhưng bạn đã biết cấu trúc của một trang web bằng HTML thì nó như thế nào, bao gồm những gì chưa? Trong bài viết này mình sẽ cho các bạn thấy một web làm bằng HTML thì sẽ có cấu trúc như nào và bố cục như nào.
GIáo trình cơ bản về lập trình : https://vietpro.net.vn/hoc-html-va-css
Cấu trúc của một trang web bằng HTML
Một tài liệu HTML được gọi là một trang web khi tập tin HTML có cấu trúc với các thành phần như sau:






Cấu trúc của một trang web bằng HTML

Đây là phần nội dung của website


Trong đó:
đây không phải là 1 thẻ HTML mà nó là một thông báo cho trình duyệt web biết phiên bản HTML đang được sử dụng.
Cặp thẻ và là cặp thẻ đóng mở tài liệu HTML có nhiệm vụ khai báo cho trình duyệt biết nội dung bên trong là HTML. Cặp thẻ này bao bọc toàn bộ nội dung website và là thẻ bắt buộc.
Cặp thẻ và là thẻ chứa các thông tin của web. Thường sẽ chứa các cặp thẻ khai báo thông tin web (meta), tên web (title), khai báo file CSS (style web), Javascript và một số thông tin khác.
Cặp thẻ và là thẻ chứa nội dung của web. Đây là phần quan trọng, nó chứa các đoạn code HTML dùng để hiển thị nội dung web cho người dùng trên trình duyệt.
Các cặp thẻ khác nằm trong cặp thẻ chính là các thẻ định dạng dữ liệu trong tài liệu HTML.
Sau đó bạn lưu file lại với đuôi mở rộng là .html hoặc .htm. Sau đó mở file HTML đó bằng trình duyệt coi xem sao nhé.


Xem full bài học khác tại đây: https://vietpro.net.vn/hoc-lap-trinh-typescript
Lời kết


Trên đây là toàn bộ những gì có trong một trang web HTML. Cấu trúc của nó gồm có 2 phần chính là phần đầu và phần nội dung . Và là bạn đã có thể tự tạo 1 trang web đơn giản bằng HTML rồi đó. Nhớ theo dõi bài viết tiếp theo của để bạn tìm hiểu thêm về HTML nhé.