HTML là cơ sở quan trọng cho việc làm một website và bạn cần phải biết nó để hiểu khái quát về một Website, không những thế việc hiểu biết nó còn giúp bạn dễ dàng tùy biến giao diện Website của bạn. Trong bài này tôi sẽ giới thiệu tổng quát về những điều mà bạn cần biết trước khi bắt đầu học HTML.
1. HTML là gì?
HTML (tiếng Anh, viết tắt cho HyperText Markup Language, hay là “Ngôn ngữ Đánh dấu Siêu văn bản”) là một ngôn ngữ đánh dấu được thiết kế ra để tạo nên các trang web với các mẩu thông tin được trình bày trên World Wide Web.
2. Vai trò của HTML trong Website
Như hình trên bạn thấy cùng với CSS và JavaScript, HTML tạo ra bộ ba nền tảng kỹ thuật cho World Wide Web.
3. Chương trình để tạo ra một tập tin HTML
Có nhiều phần mềm cũng như các trang web trực tuyến cho phép bạn tạo ra một tập tin HTML (tôi sẽ giới thiệu kỹ ở các bài sau). Nhưng ở đây tôi chỉ giới thiệu phần mềm đơn giản nhất cho các bạn.
Nếu bạn dùng Windows thì bạn dùng phần mềm Notepad được khởi động như hình dưới
Ngoài ra nếu bạn dùng Mac thì bạn dùng phần mềm TextEdit, còn bạn dùng Linux bạn có thể dùng Pico
4. Cấu trúc một trang HTML và cách tạo ra một tập tin HTML
Để các bạn dễ hiểu và hình dung tôi sẽ làm một ví dụ bằng phần mềm Notepad như hình dưới
và tôi sẽ giải thích những phần tử ở trên như sau:
<!DOCTYPE html> xác định tài liệu này là HTML5
<html> là phần tử gốc của một trang HTML
<head> chứa thông tin meta về tập tin
<title> chỉ định tiêu đề cho tài liệu (Tiêu đề Website)
<body> chứa nội dung trang hiển thị
<h1> xác định một tiêu đề lớn (Tiêu đề bài viết)
<p> xác định một đoạn văn
Các phần mà tôi in đậm ở trên ví dụ <html>, <head>, <title> … được gọi là HTML thẻ và nó có công thức như sau:
<tên thẻ> Nội dung được ghi ở đây … </tên thẻ>
Các thẻ HTML thường đi theo cặp như <p> và </ p>
Thẻ đầu tiên trong cặp là thẻ bắt đầu, thẻ thứ hai là thẻ kết thúc
Thẻ kết thúc được viết như thẻ bắt đầu, nhưng với dấu gạch chéo phía trước chèn vào trước tên thẻ
Để có một tập tin HTML thì như ví dụ hình trên bạn phải lưu tập tin lại với đuôi mở rộng là .html hoặc .htm như hình dưới
Như hình trên bạn thấy trong File name bạn muốn đặt tên gì cũng được ở đây tôi đặt là vidu nhưng đuôi mở rộng bạn cần phải thêm .html hoặc .htm ở đây tôi .html
Như hình trên bạn thấy trong Encoding bạn nên chọn UTF-8 vì đây là bảng mã thông dụng của các trình duyệt hiện nay như Chrome, IE, Firefox, Safari …
5. Các tập tin HTML sẽ được các trình duyệt web xử lý ra sao
Mục đích của trình duyệt web (Chrome, IE, Firefox, Safari …) là đọc tài liệu HTML và hiển thị chúng.
Trình duyệt không hiển thị các thẻ HTML, nhưng sử dụng chúng để xác định cách hiển thị tài liệu. Ở đây tôi sẽ mở tập tin vidu mà tôi đã lưu ở trên thì sẽ được như hình dưới
Như hình trên các bạn thấy trình duyệt web chỉ hiển thị những nội dung bên trong thẻ <body> và một lần nữa nhắc lại rằng nó sẽ không hiển thị các thẻ như <h1>, <p> … nhưng sẽ sử dụng chúng để xác định cách hiển thị tài liệu.
6. Các phiên bản HTML theo dòng thời gian
| Các phiên bản | Năm |
| HTML | 1991 |
| HTML 2.0 | 1995 |
| HTML 3.2 | 1997 |
| HTML 4.01 | 1999 |
| XHTML | 2000 |
| HTML 5 | 2014 cho đến nay |
7. Các trang web trực tuyến để bạn tham khảo thêm về HTML
Các bạn lưu ý rằng các trang web mà tôi giới thiệu dưới đây đều bằng Tiếng Anh
7.1 Trang web http://ift.tt/1BZEETG
7.2 Trang web http://html.net
7.3 Trang web http://ift.tt/NNLzWO
7.4 Trang web http://ift.tt/1hcvM2N
8. Đôi lời của tác giả
Tuy bài viết này chỉ là những điều cần biết về HTML nhưng nó là một bài viết mà tôi cảm thấy rất quan trọng nên các bạn hãy đọc thật kỹ.
Những bài viết sau này của tôi đều dựa trên các trang web mà tôi đã giới thiệu với các bạn ở trên và những điều tâm đắc khi tôi học về HTML.
Mong được sự góp ý chân thành của tất cả các bạn để tôi có thể cập nhật cho bài viết tốt hơn
Trân trọng.
The post [HTML bài 1] Những điều cần biết về HTML appeared first on Học online.
from WordPress http://ift.tt/2vZSUml
via IFTTT
Không có nhận xét nào:
Đăng nhận xét