Hướng dẫn how do you name a class in html? - làm thế nào để bạn đặt tên một lớp trong html?


Thuộc tính HTML class được sử dụng để chỉ định một lớp cho phần tử HTML.

Nhiều phần tử HTML có thể chia sẻ cùng một lớp.


Sử dụng thuộc tính lớp

Thuộc tính class thường được sử dụng để trỏ đến một tên lớp trong một bảng kiểu. Nó cũng có thể được sử dụng bởi JavaScript để truy cập và thao tác các phần tử với tên lớp cụ thể.

Trong ví dụ sau, chúng tôi có ba phần tử <div> với thuộc tính class với giá trị của "Thành phố". Tất cả ba yếu tố <div> sẽ được tạo kiểu theo định nghĩa kiểu .city trong phần đầu:

Thí dụ

.city {& nbsp; & nbsp; màu nền: cà chua; & nbsp; Màu sắc: Trắng; & nbsp; Biên giới: 2px Solid Black; & NBSP; Biên độ: 20px; & nbsp; Đệm: 20px;}




& nbsp; Luân Đôn & NBSP; London là thủ đô của nước Anh.
 

London


 

London is the capital of England.


& nbsp; Paris & NBSP; Paris là thủ đô của Pháp.
 

Paris


 

Paris is the capital of France.


& nbsp; Tokyo & NBSP; Tokyo là thủ đô của Nhật Bản.
 

Tokyo


 

Tokyo is the capital of Japan.



Hãy tự mình thử »

Trong ví dụ sau, chúng tôi có hai phần tử <span> với thuộc tính class với giá trị của "Lưu ý". Cả hai phần tử <span> sẽ được tạo kiểu theo định nghĩa kiểu .note trong phần đầu:

Thí dụ

.city {& nbsp; & nbsp; màu nền: cà chua; & nbsp; Màu sắc: Trắng; & nbsp; Biên giới: 2px Solid Black; & NBSP; Biên độ: 20px; & nbsp; Đệm: 20px;}




& nbsp; Luân Đôn & NBSP; London là thủ đô của nước Anh.

This is some important text.


Hãy tự mình thử »

Trong ví dụ sau, chúng tôi có hai phần tử <span> với thuộc tính class với giá trị của "Lưu ý". Cả hai phần tử <span> sẽ được tạo kiểu theo định nghĩa kiểu .note trong phần đầu: The class attribute can be used on any HTML element.

.note {& nbsp; kích thước phông chữ: 120%; & nbsp; & nbsp; color: màu đỏ;} The class name is case sensitive!

Tiêu đề quan trọng của tôi là một số văn bản quan trọng. You can learn much more about CSS in our CSS Tutorial.



Mẹo: Thuộc tính class có thể được sử dụng trên bất kỳ phần tử HTML nào.

Lưu ý: Tên lớp là trường hợp nhạy cảm!

Thí dụ

.city {& nbsp; & nbsp; màu nền: cà chua; & nbsp; Màu sắc: Trắng; & nbsp; Biên giới: 2px Solid Black; & NBSP; Biên độ: 20px; & nbsp; Đệm: 20px;}

& nbsp; Luân Đôn & NBSP; London là thủ đô của nước Anh.




& nbsp; Paris & NBSP; Paris là thủ đô của Pháp.

London is the capital of England.

& nbsp; Tokyo & NBSP; Tokyo là thủ đô của Nhật Bản.

Paris is the capital of France.

Tokyo


Tokyo is the capital of Japan.


Hãy tự mình thử »


Trong ví dụ sau, chúng tôi có hai phần tử <span> với thuộc tính class với giá trị của "Lưu ý". Cả hai phần tử <span> sẽ được tạo kiểu theo định nghĩa kiểu .note trong phần đầu:

.note {& nbsp; kích thước phông chữ: 120%; & nbsp; & nbsp; color: màu đỏ;}

Tiêu đề quan trọng của tôi là một số văn bản quan trọng.

Mẹo: Thuộc tính class có thể được sử dụng trên bất kỳ phần tử HTML nào.

Thí dụ

.city {& nbsp; & nbsp; màu nền: cà chua; & nbsp; Màu sắc: Trắng; & nbsp; Biên giới: 2px Solid Black; & NBSP; Biên độ: 20px; & nbsp; Đệm: 20px;}

Paris


Tokyo


Hãy tự mình thử »


Trong ví dụ sau, chúng tôi có hai phần tử <span> với thuộc tính class với giá trị của "Lưu ý". Cả hai phần tử <span> sẽ được tạo kiểu theo định nghĩa kiểu .note trong phần đầu:

.note {& nbsp; kích thước phông chữ: 120%; & nbsp; & nbsp; color: màu đỏ;}

Tiêu đề quan trọng của tôi là một số văn bản quan trọng.

Thí dụ

.city {& nbsp; & nbsp; màu nền: cà chua; & nbsp; Màu sắc: Trắng; & nbsp; Biên giới: 2px Solid Black; & NBSP; Biên độ: 20px; & nbsp; Đệm: 20px;}

Paris is the capital of France


Hãy tự mình thử »


Trong ví dụ sau, chúng tôi có hai phần tử <span> với thuộc tính class với giá trị của "Lưu ý". Cả hai phần tử <span> sẽ được tạo kiểu theo định nghĩa kiểu .note trong phần đầu:

.note {& nbsp; kích thước phông chữ: 120%; & nbsp; & nbsp; color: màu đỏ;}

Tiêu đề quan trọng của tôi là một số văn bản quan trọng.

Thí dụ

.city {& nbsp; & nbsp; màu nền: cà chua; & nbsp; Màu sắc: Trắng; & nbsp; Biên giới: 2px Solid Black; & NBSP; Biên độ: 20px; & nbsp; Đệm: 20px;}

& nbsp; Luân Đôn & NBSP; London là thủ đô của nước Anh.
function myFunction() {
  var x = document.getElementsByClassName("city");
  for (var i = 0; i < x.length; i++) {
    x[i].style.display = "none";
  }
}

Hãy tự mình thử »

Trong ví dụ sau, chúng tôi có hai phần tử <span> với thuộc tính class với giá trị của "Lưu ý". Cả hai phần tử <span> sẽ được tạo kiểu theo định nghĩa kiểu .note trong phần đầu:

.note {& nbsp; kích thước phông chữ: 120%; & nbsp; & nbsp; color: màu đỏ;}


Tiêu đề quan trọng của tôi là một số văn bản quan trọng.

  • Mẹo: Thuộc tính class có thể được sử dụng trên bất kỳ phần tử HTML nào.
  • Lưu ý: Tên lớp là trường hợp nhạy cảm!
  • Mẹo: Bạn có thể tìm hiểu nhiều hơn về CSS trong hướng dẫn CSS của chúng tôi.
  • Cú pháp cho lớp
  • Để tạo một lớp học; Viết một ký tự thời gian (.), theo sau là một tên lớp. Sau đó, xác định các thuộc tính CSS trong niềng răng xoăn {}:
  • Tạo một lớp có tên là "Thành phố":

.City {& nbsp; màu nền: cà chua; & nbsp; Màu sắc: Trắng; & nbsp; Đệm: 10px; }



Bạn có thể đặt tên cho một lớp bất cứ điều gì trong HTML?

Lớp là một thuộc tính chỉ định một hoặc nhiều tên lớp cho phần tử HTML. Thuộc tính lớp có thể được sử dụng trên bất kỳ phần tử HTML nào. Tên lớp có thể được sử dụng bởi CSS và JavaScript để thực hiện các tác vụ nhất định cho các phần tử với tên lớp được chỉ định.The class attribute can be used on any HTML element. The class name can be used by CSS and JavaScript to perform certain tasks for elements with the specified class name.

Làm thế nào để bạn viết một lớp học trong HTML?

Để chọn các thành phần với một lớp cụ thể, hãy viết một ký tự khoảng thời gian (.), Theo sau là tên của lớp.Bạn cũng có thể chỉ định rằng chỉ các phần tử HTML cụ thể nên bị ảnh hưởng bởi một lớp.Để làm điều này, bắt đầu với tên phần tử, sau đó viết khoảng thời gian (.)write a period (.) character, followed by the name of the class. You can also specify that only specific HTML elements should be affected by a class. To do this, start with the element name, then write the period (.)

Tên lớp có nghĩa là gì trong HTML?

Thuộc tính lớp HTML chỉ định một hoặc nhiều tên lớp cho một phần tử.Các lớp được sử dụng bởi CSS và JavaScript để chọn và truy cập các yếu tố cụ thể.Thuộc tính lớp có thể được sử dụng trên bất kỳ phần tử HTML nào.Tên lớp là trường hợp nhạy cảm.Các phần tử HTML khác nhau có thể trỏ đến cùng một tên lớp.specifies one or more class names for an element. Classes are used by CSS and JavaScript to select and access specific elements. The class attribute can be used on any HTML element. The class name is case sensitive. Different HTML elements can point to the same class name.

Tên ID lớp trong HTML là gì?

Trong HTML cho một tên ID phần tử bắt đầu với biểu tượng##, theo sau là một tên duy nhất được gán cho nó.Mặt khác, lớp được gán cho một phần tử có tên của nó bắt đầu bằng cách.theo sau là tên lớp.2. Bộ chọn.Chỉ có thể gắn một bộ chọn ID vào một phần tử.class assigned to an element has its name starts with “.” followed by class name. 2. Selector. Only one ID selector can be attached to an element.