[HTML] Bài 3 : Khái niệm HTML , những thao tác và dòng code đầu tiên

Bài này chúng ta sẽ bắt đầu tạo một trang web đầu tiên .

Khái niệm ngôn ngữ lập trình HTML :
- HTML là chữ viết tắt của cụm từ HyperText Markup Language (dịch 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 quy ra là một tài liệu HTML (thi thoảng mình sẽ ghi là một file HTML). Cha đẻ của HTMLTim Berners-Lee , 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) .

- Một file 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) .

- Một file HTML sẽ bao gồm các phần tử HTML và được lưu lại dưới đuôi mở rộng là .html hoặc .htm .

Cấu trúc của thẻ HTML (tag) :
- Cặp thẻ có thẻ đóng và thẻ mở : dữ liệu khai báo sẽ nằm trong cặp thẻ
<tenthe></tenthe>
Ví dụ : <html></html> ; <body></body> ; ...
- Thẻ không có thẻ đóng : dữ liệu khai báo sẽ nằm trong các thuộc tính của thẻ
<tenthe> hoặc <tenthe/>
Ví dụ : <img> hoặc <img/> ; <br> hoặc <br/> ; ...
- Ngoài ra trong các thẻ còn có các thuộc tính để quy định thông tin hoặc khai báo dữ liệu của thẻ .
<tenthe thuoctinh1="dulieu1" thuoctinh2="dulieu2"></tenthe>
Ví dụ : <textarea cols="20" row="5"></textarea>
<tenthe thuoctinh1="dulieu1"/>
Ví dụ : <input type="text" value="Nhập tên của bạn"/>
Một thẻ HTML có thể có 1 hoặc nhiều thuộc tính hoặc cũng có thuộc tính nào .

Bây giờ chúng ta sẽ đi vào tiến hành tạo file HTML :

- Đầu tiên các bạn vào thư mục lưu Xampp , sau đó dán link \xampp\htdocs trên thanh đường dẫn trong máy tính . Các bạn có thề vào bằng cách thủ công , click xampp -> htdocs .

- Tiếp đến các bạn tạo một folder chứa file HTML để dễ dàng trong việc tìm kiếm , lưu trữ sau này (tên các bạn có thể đặt tùy ý miễn ngắn gọn , dễ nhớ , dễ nhập) . Sau đó các bạn mở editor lên (ở đây mình sử dụng Sublime Text 2) . Để tạo một file mới các bạn nhấn tổ hợp Ctrl + N , tiếp là tổ hợp Ctrl + S để lưu file . Một cửa sổ sẽ hiện lên , các bạn vào folder hồi nãy mới tạo và lưu với cú pháp : tenfile.html hoặc tenfile.htm (* : tên tùy ý miễn ngắn gọn , dễ nhớ , dễ nhập) .
Ảnh minh họa tên folder và file html
Thế là xong phần tạo file HTML .

Bây giờ tới phần viết code . Đây là đoạn code cơ bản của file HTML
<html>
   <head>
      <title>Tiêu đề trang web</title>
      <meta charset="UTF-8">
   </head>
   <body>
      Nội dung trang web
   </body>
</html>
- Cặp thẻ <title></title> dùng để hiển thị tiêu đề trang web , có thể thay đổi nội dung tùy ý .
- Thẻ <meta charset="UTF-8"> dùng để hiển thị Tiếng Việt .
- Cặp thẻ <body></body> dùng để hiển thị nội dung trang web , có thể thay đổi nội dung tùy ý .

Các bạn có thể copy và dán nó vào file HTML vừa tạo để chạy thử . Để chạy file HTML trên trình duyệt các bạn truy cập link theo cú pháp sau :
http://localhost/tenfolder/tenfile.html
Ví dụ : tên folder mình là hochtml , tên file HTML là index.html . Mình sẽ nhập link như sau :
http://localhost/hochtml/index.html

Video hướng dẫn : tải tại đây

Chúc các bạn thành công - by Lê Chí Huy

Đăng nhận xét