Khi khởi đầu làm quen với lập trình web thì HTML chính là nội dung tiên phong mà bạn phải học, sau đó bạn sẽ tích hợp với CSS để tạo ra những sản phảm rất là độc lạ. Nghe nói thì hay nhưng bạn mới học nên có lẽ rằng hơi mơ hồ phải không nào 😀 Ok trong serie này ta sẽ cùng nhau mày mò nhé .
Bài viết này được đăng tại freetuts.net, không được copy dưới mọi hình thức.
Bạn đang đọc: HTML là gì? Bổ cục HTML của một trang web là gì?
1. HTML là gì?
HTML là chữ viết tắt của HyperText Markup Language, dịch ra tiếng Việt 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à trình duyệt 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ó năng lực biên dịch những đoạn mã HTML, CSS và Javascript .
Nói đến đây thì chắc rằng bạn lại vướng mắc khái niệm CSS là gì và Javascript là gì phải không nào ? Đừng quá lo ngại, bởi trong loạt bài học kinh nghiệm này mình sẽ lý giải tổng thể cho những bạn .
Vì 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 :
Mỗi tagname như trên ta gọi là một thẻ HTML, và công dụng của chúng là khác nhau. Ví dụ bạn muốn in đậm một chữ nào đó thì có thể đặt trong thẻ Nội dung in đậm.
Ngoài ra, mỗi thẻ HTML còn có một số ít thuộc tính riêng và list những thuộc tính sẽ nằm bên trong thẻ mở như sau :
Ví dụ: Viết mã HTML hiển thị dòng chữ “Chào mừng bạn đến với freetuts.net”. Trong đó, hãy im đậm dòng chữ freetuts.net.
Chào mừng bạn đến với freetuts.net
Như vậy, HTML sinh ra với mục tiêu phong cách thiết kế bố cục tổng quan nội dung cho tài liệu nói chung và cho giao diện website nói riêng. Để hiểu rõ hơn thì tất cả chúng ta hãy qua phần thứ hai nhé .
2. Lịch sử phát triển của HTML
HTML được sáng tạo bởi Tim Berners-Lee, ông là một nhà vật lý học tại trung tâm nghiên cứu CERN ở Thụy Sĩ. Cho tới bây giờ, HTML đã trở thành một chuẩn của WWW (World Wide Web), và hầu như các trình duyệt khác nhau đều có thể biên dịch mã HTML theo chuẩn này.
Phiên bản HTML tiên phong sinh ra vào năm 1991, nó chỉ có 18 thẻ HTML đơn thuần nhất. Mãi tới năm 1999 thì phiên bản HTML4 mới được công bố sinh ra. Đến năm năm trước thì một phiên bản mới sinh ra ghi lại sự tăng trưởng rất mạnh, đó là phiên bản HTML5. Phiên bản này phân phối thêm một số ít thẻ như article, header, side, footer …
Đối với những trình duyệt quá cũ sẽ không biên dịch được mã HTML5, thế cho nên bạn phải update phiên bản mới nhất cho trình duyệt của mình nhé .
3. Bổ cục HTML của một trang web là gì?
HTML có rất nhiều thẻ khác nhau, và mỗi thẻ sẽ có những nhiệm vụ nhất định. Vậy bạn có thắc mắc mắc cách chia các thẻ cho một trang web như thế nào không?
Thông thường, bổ cục HTML của một website sẽ có dạng như sau :
Page Title
My First Heading
My first paragraph .
Trong đó :
htmlđể trình duyệt(Browser) biết.và
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.
là phần khai báo thông tin của trang web
nằm bên trong thẻ và đây chính là khai báo tiêu đề cho trang web.
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
Như vậy trong một website tất cả chúng ta chia làm 2 phần chính :
- Phần 1: Là nhũng khai báo thông tin cho trang web và ta đặt nó trong thẻ
head. - Phần 2: Là phần hiển thị định dạng nội dung của trang web và ta đặt trong thẻ
body.
Và được diễn đạt như hình sau :
Ví dụ
RUN
Học HTML miễn phí
Trang học lập trình freetuts.net
Freetuts. net là một website học lập trình không lấy phí
4. Các vị trí giao diện thường gặp của một website
Thông thường giao diện của một website sẽ được chia thành những phần như sau :
- Header (cố định)
- Footer (cố định)
- Menu (cố định)
- Sidebar (cố định)
- Main Content (Mỗi trang con sẽ khác nhau)
Như vậy, trong các phần đó thì chỉ có phần content là sẽ thay đổi ở mỗi trang khác nhau, các phần còn lại thì sẽ không thay đổi. Ví dụ bạn vào trang chủ freetuts.net và trang freetuts.net/hoc-php thì sẽ thấy chỉ có phần nội dung ở giữa là thay đổi còn bên các phần header, footer, menu, sidebar là không thay đổi.
Tham khảo hình sau:
Để chia các vị trí như trên bằng thẻ HTML thì ta sẽ dùng thẻ div kết hợp với kiến thức trong serie học css để định dạng giao diện. Nếu bạn chưa biết thì hãy chờ các bài tiếp theo nhé.
4. Sự khác nhau giữa HTML và CSS là gì?
HTML chỉ là ngôn từ ghi lại văn bản, nó không tương hỗ những hiệu ứng và chia bổ cục cho một layout. Để làm được điều đó thì tất cả chúng ta phải sử dụng CSS .
Vậy, ta có thể xem mỗi trang web là một ngôi nhà, HTML là các vật liệu để xây ra ngôi nhà đó, còn CSS chính là bản thiết kế cho ngôi nhà. Thích đổi màu sơn hoặc đổi kích thước thì chỉ cần sử dụng CSS là được.
5. Học HTML có khó không?
Có thể nói HTML là ngôn từ lập trình cực kỳ dễ học. Cái khó ở đây là bạn phải tích hợp với CSS hoặc Javascript để tạo ra những hiệu ứng hoặc giao diện phực tạp. Còn riêng với HTML thì nó chỉ có vài chục thẻ là được sử dụng nhiều nhất .
6. Sử dụng phần mềm nào để code HTML?
Hiện nay có rất nhiều ứng dụng dùng để code web với HTML và CSS. Tùy vào sở trường thích nghi và thói quen mà bạn hoàn toàn có thể chọn một trong những ứng dụng dưới đây .
- PHP Designer
- Dreamweaver
- Netbeans
- Sublime text
- Visual studio
- intellij
7. Lời kết
Qua bài này mình đã trình làng xong những khái niệm cơ bản của HTML như HTML là gì ? Lịch sử tăng trưởng của HTML như thế nào ? Đồng thời bạn cũng biêt được những thành phần chính tạo nên một giao diện website, hẹn gặp lại những bạn trong những bài viết tiếp theo .
Source: https://www.lesabeilles.biz
Category: Mạng Internet
Leave a Reply