Vì một tương lai người Do Thái!

Đăng ký thành viên của team front-end

Friday, November 17, 2017

Bài 1. Tổng quát về ngôn ngữ html theo dự án thực tế

HTML là thành phần quan trọng nhất để xây dựng giao diện Web cho nên các bạn phải nghiêm túc học nhé! Các bài học được mình biên soạn và có chút kinh nghiệm thực tế về dự án để các bạn có thể đáp ứng yêu cầu của doanh nghiệp trong tương lai gần...

1. HTML là gì?

HTML là chữ viết tắt của HyperText Markup Language, có nghĩa là ngôn ngữ đánh dấu siêu văn bản. Nó dùng để định dạng bố cục, các thuộc tính liên quan đến cách hiển thị của một đoạn text và được hiển thị trên một chương trình đặc biệc ta gọi là Browser. Hiện nay có khá nhiều Browser như Firefox, Chrome, Cốc Cốc, ...Tất cả Browser đều có điểm chung là giúp người dùng thao tác với website và nó đều có khả năng biên dịch những đoạn mã HTML, CSS và Javascript.
HTML là một định dạng đặc biệc của XML nên nó sẽ có thẻ mở và thẻ đóng với cú pháp như sau:
<button></button>
Các thuộc tính (type="button") riêng biệt trong thẻ button:
<button type="button">Bấm ngay!</button>


2. Bố cục layout của 1 trang web:

London

London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.
Standing on the River Thames, London has been a major settlement for two millennia, its history going back to its founding by the Romans, who named it Londinium.

3. Các yếu tố bố cục HTML

Trang web thường hiển thị nội dung trong nhiều cột (như tạp chí hoặc báo).
HTML5 cung cấp các phần tử ngữ nghĩa mới xác định các phần khác nhau của một trang web:

Các thành phần ngữ nghĩa HTML5


  • <header> - Định nghĩa tiêu đề cho một tài liệu hoặc một phần
  • <nav> - Định nghĩa một vùng chứa cho liên kết điều hướng
  • <section> - Định nghĩa một phần trong một tài liệu
  • <article> - Định nghĩa một bài viết độc lập độc lập
  • <aside> - Xác định nội dung bên cạnh nội dung (như thanh bên)
  • <footer> - Xác định chân trang cho một tài liệu hoặc một phần
  • <details> - Xác định chi tiết bổ sung
  • <summary> - Định nghĩa tiêu đề cho phần tử <details>

4. Bố cục layout - code:


Trong đó:
  • <!DOCTYPE html> là phần khai báo kiểu dữ liệu hiển thị là html để trình duyệt (Browser) biết.
  • <html> và </html> là cặp thẻ nằm ngoài cùng và nó có nhiệm vụ là bao hết nội dung của trang web lại. Thẻ này là bát buộc.
  • <head> và </head> là phần khai báo thông tin của trang web
  • <title> và </title> nằm bên trong thẻ <head> và đây chính là khai báo tiêu đề cho trang web.
  • <body> và </body> là thành phần quan trọng nhất, nó chứa nhưng đoạn mã HTML dùng để hiển thị trên website
  • Các thẻ còn lại nằm trong thẻ <body> chính là các thẻ định dạng dữ liệu.
Cùng học bài tiếp theo nhé:

        Bài 2. Các thẻ cơ bản trong html 


Bản Quyền || Cấm sao chép nội dung dưới mọi hình thức. Nếu muốn sao chép hãy để 5 phút đọc xong các chính sách của chúng tôi tại đây.

Tác giả: Minh Trung