Đặc điểm của HTML và CSS

. Văn bản giữa thẻ nội dung mô tả nội dung nội dung của trang hiển thị cho người dùng cuối. Thẻ này chứa nội dung chính của tài liệu HTML

. Văn bản giữa thẻ mô tả tiêu đề cấp đầu tiên của trang web

thẻ mô tả đoạn văn của trang web

Tóm tắt lịch sử của HTML

Vào cuối những năm 1980, một nhà vật lý, Tim Berners-Lee, một nhà thầu tại CERN, đã đề xuất một hệ thống cho các nhà nghiên cứu của CERN. Năm 1989, ông đã viết một bản ghi nhớ đề xuất một hệ thống siêu văn bản dựa trên internet

Tim Berners-Lee được biết đến là cha đẻ của HTML. Mô tả đầu tiên về HTML là một tài liệu có tên "Thẻ HTML" do Tim đề xuất vào cuối năm 1991. Phiên bản mới nhất của HTML là HTML5, mà chúng ta sẽ tìm hiểu sau trong hướng dẫn này.

Phiên bản HTML

Kể từ thời điểm HTML được phát minh, có rất nhiều phiên bản HTML trên thị trường, phần giới thiệu ngắn gọn về phiên bản HTML được đưa ra dưới đây.

HTML 1. 0. Phiên bản đầu tiên của HTML là 1. 0, là phiên bản cơ bản của ngôn ngữ HTML và được phát hành vào năm 1991.

HTML 2. 0. Đây là phiên bản tiếp theo được phát hành vào năm 1995 và là phiên bản ngôn ngữ chuẩn cho thiết kế trang web. HTML2. 0 có thể hỗ trợ các tính năng bổ sung như tải lên tệp dựa trên biểu mẫu, các thành phần biểu mẫu như hộp văn bản, nút tùy chọn, v.v.

HTML 3. 2. HTML 3. 2 được W3C xuất bản vào đầu năm 1997. Phiên bản này có khả năng tạo bảng và cung cấp hỗ trợ cho các tùy chọn bổ sung cho các phần tử biểu mẫu. Nó cũng có thể hỗ trợ một trang web với các phương trình toán học phức tạp. Nó đã trở thành một tiêu chuẩn chính thức cho bất kỳ trình duyệt nào cho đến tháng 1 năm 1997. Ngày nay nó được hầu hết các trình duyệt hỗ trợ.

HTML 4. 01. HTML 4. 01 được phát hành vào tháng 12 năm 1999 và là phiên bản rất ổn định của ngôn ngữ HTML. Phiên bản này là tiêu chuẩn chính thức hiện tại và nó cung cấp hỗ trợ bổ sung cho biểu định kiểu (CSS) và khả năng tạo tập lệnh cho các yếu tố đa phương tiện khác nhau.

HTML5. HTML5 là phiên bản mới nhất của ngôn ngữ Đánh dấu siêu văn bản. Bản nháp đầu tiên của phiên bản này đã được công bố vào tháng 1 năm 2008. Có hai tổ chức lớn, một là W3C (World Wide Web Consortium) và một tổ chức khác là WHATWG (Nhóm làm việc về công nghệ ứng dụng siêu văn bản web) có liên quan đến việc phát triển phiên bản HTML 5 và nó vẫn đang được phát triển.

Các tính năng của HTML

1) Đó là một ngôn ngữ rất dễ hiểu và đơn giản . Nó có thể dễ dàng hiểu và sửa đổi.

2) Rất dễ dàng để tạo một bản trình bày hiệu quả bằng HTML vì nó có rất nhiều thẻ định dạng.

3) Đó là một ngôn ngữ đánh dấu , vì vậy nó cung cấp một cách linh hoạt để thiết kế các trang web cùng với văn bản.

4) Nó tạo điều kiện cho người lập trình thêm liên kết trên các trang web (bằng thẻ neo html), vì vậy nó làm tăng sự thú vị khi duyệt web .

5) Nó độc lập với nền tảng vì nó có thể được hiển thị trên bất kỳ nền tảng nào như Windows, Linux và Macintosh, v.v.

6) Nó tạo điều kiện cho lập trình viên thêm Đồ họa, Video và Âm thanh vào các trang web giúp trang web hấp dẫn và tương tác hơn.

7) HTML là ngôn ngữ không phân biệt chữ hoa chữ thường, có nghĩa là chúng ta có thể sử dụng các thẻ ở dạng chữ thường hoặc chữ hoa

GHI CHÚ. Bạn nên viết tất cả các thẻ bằng chữ thường để có tính nhất quán, dễ đọc, v.v.

Với CSS, bạn có thể kiểm soát màu sắc, phông chữ, kích thước của văn bản, khoảng cách giữa các phần tử, cách các phần tử được định vị và trình bày, hình nền hoặc màu nền nào sẽ được sử dụng, các cách hiển thị khác nhau cho các thiết bị và kích thước màn hình khác nhau cũng như

Mẹo. Từ xếp tầng có nghĩa là một kiểu được áp dụng cho phần tử gốc cũng sẽ áp dụng cho tất cả các phần tử con trong phần tử gốc. Vì vậy, nếu bạn đặt màu của văn bản nội dung thành "xanh lam", tất cả các tiêu đề, đoạn văn và các thành phần văn bản khác trong nội dung cũng sẽ có cùng màu (trừ khi bạn chỉ định một màu khác)

Sử dụng CSS

CSS có thể được thêm vào tài liệu HTML theo 3 cách

• Nội tuyến - bằng cách sử dụng thuộc tính style bên trong các phần tử HTML
• Nội bộ - bằng cách sử dụng thuộc tính
  
  This is a heading

  This is a paragraph.

  
  

  Try it Yourself »

  ---

  External CSS

  An external style sheet is used to define the style for many HTML pages.

  To use an external style sheet, add a link to it in the section of each HTML page:

  Example

  
  
  
   
  
  

  This is a heading

  This is a paragraph.

  
  

  Try it Yourself »

  The external style sheet can be written in any text editor. The file must not contain any HTML code, and must be saved with a .css extension.

  Here is what the "styles.css" file looks like:

  "styles.css":

  body {
    background-color: powderblue;
  }
  h1 {
    color: blue;
  }
  p {
    color: red;
  }

  Tip: With an external style sheet, you can change the look of an entire web site, by changing one file!

  ---

  CSS Colors, Fonts and Sizes

  Here, we will demonstrate some commonly used CSS properties. You will learn more about them later.

  The CSS color xác định màu văn bản sẽ được sử dụng

  Thuộc tính CSS font-family xác định phông chữ sẽ được sử dụng

  Thuộc tính CSS font-size xác định kích thước văn bản sẽ được sử dụng

  Thí dụ

  Sử dụng các thuộc tính CSS color, font-family và font-size

  
  
  
  

  
  
  Đây là một tiêu đề

  Đây là một đoạn

  
  

  Tự mình thử »

  ---

  Đường viền CSS

  Thuộc tính CSS border xác định đường viền xung quanh phần tử HTML

  Mẹo. Bạn có thể xác định đường viền cho gần như tất cả các phần tử HTML

  Thí dụ

  Sử dụng thuộc tính đường viền CSS.  

  P {
  biên giới. bột màu xanh đặc 2px;
  }

  Tự mình thử »

  ---

  Đệm CSS

  Thuộc tính CSS padding xác định khoảng đệm (khoảng trắng) giữa văn bản và đường viền

  Thí dụ

  Sử dụng thuộc tính CSS border và padding

  P {
  biên giới. bột màu xanh đặc 2px;
  đệm. 30px;
  }

  Tự mình thử »

  ---

  Ký quỹ CSS

  Thuộc tính CSS margin xác định lề (khoảng trắng) bên ngoài đường viền

  Thí dụ

  Sử dụng thuộc tính đường viền và lề CSS

  P {
  biên giới. bột màu xanh đặc 2px;
  lề. 50px;
  }

  Tự mình thử »

  ---

  Liên kết đến CSS bên ngoài

  Biểu định kiểu bên ngoài có thể được tham chiếu với một URL đầy đủ hoặc với một đường dẫn liên quan đến trang web hiện tại

  Các tính năng trong HTML là gì?

  Các tính năng của HTML . Nó có thể dễ dàng hiểu và sửa đổi. 2) Rất dễ tạo một bản trình bày hiệu quả với HTML vì nó có rất nhiều thẻ định dạng. 3) Nó là một ngôn ngữ đánh dấu, vì vậy nó cung cấp một cách linh hoạt để thiết kế các trang web cùng với văn bản. It is a very easy and simple language. It can be easily understood and modified. 2) It is very easy to make an effective presentation with HTML because it has a lot of formatting tags. 3) It is a markup language, so it provides a flexible way to design web pages along with the text.

  Các tính năng CSS là gì?

  Với CSS, bạn có thể kiểm soát màu sắc, phông chữ, kích thước của văn bản, khoảng cách giữa các phần tử, cách các phần tử được định vị và trình bày, hình nền hoặc màu nền nào sẽ được sử dụng, các cách hiển thị khác nhau cho các thiết bị và kích thước màn hình khác nhau cũng như

  Hai tính năng chính của HTML là gì?

  Tính năng HTML hàng đầu .

  Người dùng thân thiện & đơn giản

  SEO – Tối ưu hóa công cụ tìm kiếm

  localStorage & IndexedDB – Lưu trữ dữ liệu phía máy khách

  Khả năng ngoại tuyến (PWA) với Cache API & Service worker

  Lợi ích của HTML và CSS là gì?

  CSS hoặc Cascading Style Sheets thêm kiểu dáng như phông chữ, màu sắc hoặc bố cục vào trang web của bạn làm cho trang web có tính thẩm mỹ cao hơn. Do đó, HTML cho phép bạn xây dựng cấu trúc trang web của mình và CSS làm cho cấu trúc đó trở nên sống động .