HTML là gì? Học HTML cần những gì để học ngôn ngữ này?

HTML là gì, Học HTML. Để bắt đầu cho vấn đề này tôi đả tạo ra mục lục bên dưới để bạn thuận tiện trong việc truy cập nội dung cần tham khảo

Kiến thức bạn sẽ được học:

1. Ngôn ngữ HTML là gì ?
2. Học HTML(ngôn ngữ đánh dấu siêu văn bản) tại sao chúng ta cần học
3. HTML đóng vai trò – chức năng gì trong website
4. Phần mở rộng . html – .htm
5. Học HTML bạn cần đến đó là trình soạn thảo cho HTML
6. Ngôn ngữ HTML được xử lý như thế nào?
7. Tài liệu tham khảo

1/ HTML LÀ GÌ?
HTML là chữ viết tắt của cụm từ HyperText Markup Language(hay còn gọi là ngôn ngữ đánh dấu siêu văn bản) được sử dụng để tạo một trang web, trên một website có thể sẽ chứa nhiều trang và mỗi trang được viết là một tài liệu HTML. Tim Berners-Lee là người đã sáng lập ra HTML và cũng là người khai sinh ra World Wide Web và chủ tịch của World Wide Web Consortium (W3C – tổ chức thiết lập ra các chuẩn trên môi trường Internet). Đây cũng là nơi chúng ta validate HTML.

Một tài liệu HTML được hình thành bởi các phần tử HTML ( HTML Elements) được quy định bằng các cặp thẻ (tag), các cặp thẻ này được bao bọc bởi một dấu ngoặc ngọn (ví dụ < html>) và thường là sẽ được khai báo thành một cặp, bao gồm thẻ mở và thẻ đóng (ví <a> dụ </a> và ).

• Một file HTML chứa nhiều thẻ HTML như: thẻ a, thẻ div, thẻ strong…
• Những thẻ HTML sẽ hướng dẫn trình duyệt web trình bày thành phần của một trang web: như in đậm text ta dùng thẻ bold hoặc strong
• Một file HTML phải có phần mở rộng là . html hoặc .htm
• Một file HTML có thể được tạo ra bởi trình soạn thảo văn bản đơn giản như Notepad

2/ HỌC HTML(NGÔN NGỮ ĐÁNH DẤU SIÊU VĂN BẢN) TẠI SAO CHÚNG TA CẦN HỌC
Vì HTML là ngôn ngữ cơ bản và cần thiết nhất để hiển thị nội dung của 1 trang web. Cho dù sau này bạn có sữ dụng các ngôn ngữ lập trình hiện đai như: PHP, ASP, JAVA, .NET… thì khi bạn xuất ra một đoạn văn bản, text thì ít nhất bạn cũng cần phải biết thẻ p. Hoặc sau này bạn có dùng những phần mềm quản lý nội dung CMS để tạo ra trang web, thì bạn cũng phải có kiến thức cơ bản về HTML để chỉnh sửa và sửa lỗi khi có sự cố xảy ra.

Gặp trường hợp bạn mở code lên và nhìn vào đó như 1 mớ hỗn độn và bạn sẽ gặp rất nhiều khó khăn cho việc quản lý trang web của mình nếu như bạn không biết các thẻ HTML cơ bản như: <li>, <img>, <a href>… Cũng như bạn uống cafe mà không biết pha chế nó như thế nào vậy.

3/ HTML ĐÓNG VAI TRÒ – CHỨC NĂNG GÌ TRONG WEBSITE
HTML là một ngôn ngữ đánh dấu siêu văn bản nên nó sẽ có vai trò xây dựng cấu trúc siêu văn bản trên một website, hoặc khai báo các tập tin như hình ảnh, video, nhạc. Nói như vậy không có nghĩa là xây dựng website là chỉ ngôn ngữ HTML, HTML chỉ là 1 thành phần để xây dựng nên website mà thôi.

Cụ thể để xây dựng 1 website hoàn chỉnh bạn cần phải biết các ngôn ngữ sau:

• HTML – Xây dựng cấu trúc và định dạng các siêu văn bản – Chúng ta đang ở đây
• CSS – Định dạng các thành phần website như: màu sắc, hình ảnh, vị trí hiển thị… 1 trang web đẹp hay xấu phụ thuộc rất nhiều vào thành phần này
• Javascript – Tạo ra các sự kiện tương tác với hành vi của người dùng (ví dụ nhấp vào ảnh trên nó sẽ có hiệu ứng phóng to) hay tao các hiệu ứng di chuyển, chuyển động (hiện nay css3 đang làm rất tốt vấn đề này).
• PHP – Ngôn ngữ lập trình để trang web của bạn có thể xử lý và trao đổi dữ liệu giữa máy chủ đến trình duyệt (ví dụ như các bài viết sẽ được lưu trong máy chủ).
• MySQL – Hệ quản trị cơ sở dữ liệu truy vấn có cấu trúc (SQL – ví dụ như các bài viết sẽ được lưu lại với dạng dữ liệu SQL).

Nhưng ở đây, tạm thời bạn chỉ cần quan tâm đến HTML mà thôi.

Như vậy, dù website thuộc thể loại nào, giao tiếp với ngôn ngữ lập trình nào để xử lý dữ liệu thì vẫn phải cần HTML để hiển thị nội dung, hình ảnh và các thành phần cần thiết cho người dùng xem – làm web là để hiển thị thông tin đến người dùng mà.

Nhân tiện đây mình cũng nói luôn, website có hai loại chính:

• Website tĩnh (static web): Là một website không giao tiếp với máy chủ web để gửi nhận dữ liệu mà chỉ có các dữ liệu được khai báo sẵn bằng HTML và trình duyệt đọc. Với loại này bạn chỉ cần biết HTML và CSS là đủ để làm rồi.
• Website động (dynamic web) – Là một website sẽ giao tiếp với một máy chủ để gửi nhận dữ liệu, các dữ liệu đó sẽ gửi ra ngoài cho người dùng bằng văn bản HTML và trình duyệt sẽ hiển thị nó. Để một website có thể giao tiếp với máy chủ web thì sẽ dùng một số ngôn ngữ lập trình dạng server-side như PHP, ASP.NET, Ruby… để thực hiện. Ví dụ như một website làm bằng CMS WordPress là website động hay đơn giản 1 website có phần quản trị nội dung(hay còn gọi là Back end) là 1 website động.

4/ PHẦN MỞ RỘNG HTML HAY HTM
Cả hai phần mở rộng này đều đúng . html và .htm

Sở dĩ có hai thành phần mở rộng này là vì: Trước đây khi máy tính cũ không cho phép phần mở rộng vượt quá 3 ký tự nên chúng ta chỉ lưu được .htm. Nhưng hiện nay chúng ta sử dụng . html cũng được.

Lưu ý: Bạn không nên sử dụng cả hai phần mở rộng này cho cùng 1 dự án vì điều đó là không tốt và không đồng bộ cho dự án bạn thực hiện, hoặc bạn sẽ gặp phải những điều phiền phức ngoài mong muốn. Tốt nhất bạn nên sử dụng 1 trong 2 phần mở rộng này trong dự án của mình.

5/ HỌC HTML BẠN CẦN ĐẾN ĐÓ LÀ TRÌNH SOẠN THẢO CHO HTML
HTML là một tập tin siêu văn bản nên bạn có thể 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 văn bản để tạo ra một tập tin HTML. Notepad, notepad++ để tạo ra một tập tin HTML trên windown, TextEdit và Sublimetext trên các hệ điều hành Linux khác. Miễn là sau đó bạn phải lưu tập tin thành đuôi . html và sử dụng trình duyệt website để đọc nó.



Tuy nhiên Notepad lại quá đơn giản để sử dụng cho mục đích soạn thảo, nên từ các bài sau chúng ta sẽ dùng một chương trình khác tương tự để soạn thảo HTML.

Lưu ý: Nếu sử dụng Notepad bạn nên lưu ý phần lưu tiếng việt – utf8. Khuyến khích các bạn sử dụng notepadd ++ trên windown, Sublime Text 2 trên linux và macos. Trong serie này mình sử dụng Sublime Text 2.



6/ NGÔN NGỮ HTML ĐƯỢC XỬ LÝ NHƯ THẾ NÀO?
Việc xử lý file HTML được trình duyệt đảm nhận. Trình duyệt sẽ đóng vai trò đọc hiểu nội dung HTML từ các thẻ bên trong file HTML và sẽ chuyển sang dạng văn bản đã được đánh dấu để đọc, nghe hoặc hiểu.

Khi file HTML bạn thay đổi ở nội dung, bạn chỉ cần nhấn f5 hoặc nhấn nút refresh – làm tươi trình duyệt để thấy nội dung mới.

7/ TÀI LIỆU THAM KHẢO
Trong bài này mình không nói về các thẻ trong HTML mà mình đả giải thích khá chi tiết và cặn kẽ về HTML và vai trò của nó trên website như thế nào đồng thời mình mình cũng giới thiệu qua các thẻ quan trọng nhất của HTML vì bạn sẽ sử dụng nó thường xuyên. Vì vậy, bạn hãy vào trang HTML Reference để tham khảo ý nghĩa và cách sử dụng của tất cả các thẻ HTML.

Ở bài sau, chúng ta sẽ soạn thảo một tập tin HTML đầu tiên và chạy thử nó trên trình duyệt.