Thẻ style trong HTML là gì? Các thuộc tính trong thẻ style

Style trong HTML là một thuộc tính đặc biệt dùng để khai báo các định dạng cho thẻ HTML như màu sắc, font chữ, cỡ chữ, màu nền,… Bài viết này sẽ chia sẻ những kiến thức cơ bản về thẻ style và một số thuộc tính của thẻ này.   

1. Thẻ style trong HTML là gì?

Style trong HTML được dùng để thay đổi hoặc thêm kiểu cho các thành phần HTML đang tồn tại. Nó được dùng để khai báo các định dạng cho thẻ HTML. Giá trị của thuộc tính này có thể là 1 hoặc nhiều cặp thuộc tính.

Style trong HTML dùng để khai báo các định dạng cho thẻ HTML
Style trong HTML dùng để khai báo các định dạng cho thẻ HTML

Giá trị của thuộc tính style thường được sử dụng là các giá trị dùng để định dạng màu sắc, font chữ, cỡ chữ, màu nền,… Để có thể áp dụng style trên thẻ HTML, bạn cần có những kiến thức cơ bản về các đặc tính của ngôn ngữ tạo phong cách cho trang web (CSS) như color, background-color, text-align, font-family, font-size,…

2. Cấu trúc của thuộc tính style

Cấu trúc của thuộc tính style như sau: <tenthe style= “dactinh:giatri;”>

Trong đó, dactinh là đặc tính của CSS bao gồm color, font-size, font-family,…

 giatri là giá trị bạn muốn gán cho thuộc tính của CSS: violet, red, brown, yellow

3. Các thuộc tính được sử dụng trong thẻ style

3.1. Màu nền trong HTML

Đối với thuộc tính này, đặc tính background-color được dùng để định nghĩa màu nền cho phần tử trong HTML. Ví dụ: <body style=background-color:powerblue;>

3.2. Căn chỉnh văn bản trong HTML

Đặc tính text-align được dùng trong trường hợp căn chỉnh văn bản cho phần tử trong HTML

Ví dụ:

<h1 style="text-align:center;"> Văn bản nằm giữa trang. </h1>
<p style="text-align:center;"> Văn bẳn nằm giữa trang. </p?

3.3. Màu văn bản trong HTML

Đặc tính color dùng để định nghĩa màu văn bản cho các phần tử trong HTML.

Ví dụ:

<h1 style=”color:blue;”> Đoạn văn học HTML </H1>
<p style=”color:red;”> Đoạn văn học màu văn bản HTML <p>

3.4. Font chữ trong HTML

Đặc tính font-family được dùng trong trường hợp này để định nghĩa font chữ dùng cho phần tử HTML.

Ví dụ:

<h1 style=”font-family:verdana;”> Ngôn ngữ Tiếng Anh. </h1>
<p style=”font-family:courier;”> Ngôn ngữ Tiếng Anh. <p>

3.5. Kích thước chữ trong HTML

Đặc tính font-size được dùng để định nghĩa cỡ chữ cho phần tử HTML.

Ví dụ:

<h1 style=”font-size:300%;”> Học HTML trên Quản trị mạng. <h1>
<p style=”font-size:160%;”> Học cỡ chữ trong HTML trên Quản trị mạng.</p>

3.6. Thuộc tính border

Thuộc tính này giúp tạo đường viền xung quanh phần tử với 3 tham số: độ dày của đường viền, kiểu đường viền, màu của đường viền. Ví dụ: <style=”border:1x dashed red”> Tạo đường viền dày 1px</p>

Trên đây là những chia sẻ về thông tin và các thuộc tính của style cùng một số cặp giá trị thường dùng của nó. Bạn có thể tham khảo thêm kiến thức và áp dụng để thực hiện nhiều ví dụ định dạng cho các thẻ style trong HTML để trau dồi kiến thức về thuộc tính này.

Tìm hiểu thêm:

Nếu bạn quan tâm, hãy xem các vị trí đang tuyển dụng của Got It tại: bit.ly/gotit-hanoi và đọc thêm về quy trình tuyển dụng tại đây.

https://d1iv5z3ivlqga1.cloudfront.net/wp-content/uploads/2021/04/29235048/1_QAG9RXQyyMAY7i9OYo84FA.png
Got It Vietnam
February 07, 2021
Share this post to:
Tags:
0 Comments
Inline Feedbacks
View all comments
Các bài viết liên quan
Những code HTML cơ bản nhất

Những code HTML cơ bản nhất

Loại code HTML cơ bản dễ học nhất hiện nay là gì? Những người lập trình viên mới vào nghề thường khá lúng túng không biết nên bắt đầu học từ đâu và học gì dễ hiểu dễ thực hành nhất. Bài viết này sẽ chia sẻ đến bạn những thẻ HTML đơn giản và […]
Ngôn ngữ HTML là gì? Tìm hiểu cấu trúc HTML

Ngôn ngữ HTML là gì? Tìm hiểu cấu trúc HTML

Cấu trúc HTML mạch lạc, khoa học giúp cho website hoạt động ổn định. Hiện nay, mỗi website đều được xây dựng với những cấu trúc khác nhau. Vậy khi phát triển website, lập trình viên nên xây dựng cấu trúc ngôn ngữ web HTML như thế nào? Got It sẽ chia sẻ những thông […]
Giới thiệu về HTML – ngôn ngữ web phổ biến nhất hiện nay

Giới thiệu về HTML – ngôn ngữ web phổ biến nhất hiện nay

Những thông tin giới thiệu về HTML sẽ giúp những người mới học lập trình trau dồi kiến thức cơ bản. Hiện nay có rất nhiều loại ngôn ngữ web mới với những ưu điểm nổi bật, nhưng HTML vẫn là loại ngôn ngữ được nhiều lập trình viên ưu tiên sử dụng. Cùng tìm […]
Thẻ style trong HTML là gì? Các thuộc tính trong thẻ style

Thẻ style trong HTML là gì? Các thuộc tính trong thẻ style

Style trong HTML là một thuộc tính đặc biệt dùng để khai báo các định dạng cho thẻ HTML như màu sắc, font chữ, cỡ chữ, màu nền,… Bài viết này sẽ chia sẻ những kiến thức cơ bản về thẻ style và một số thuộc tính của thẻ này.    Mục lục1. Thẻ style trong […]
Stylesheet là gì? Chức năng và lợi ích của Stylesheet

Stylesheet là gì? Chức năng và lợi ích của Stylesheet

Trước đây, khi mỗi trang web được hiển thị, người ta không thể thay đổi bất cứ thứ gì trên đó. Bài viết này sẽ chia sẻ kiến thức Stylesheet là gì và khả năng hỗ trợ của nó trong HTML động nhằm thực hiện những thay đổi trên trang. Mục lục1. Khái niệm Stylesheet […]
Hướng dẫn cách chèn thẻ video trong HTML

Hướng dẫn cách chèn thẻ video trong HTML

Thẻ video trong HTML là câu lệnh được sử dụng để chèn “trình xem phim” cho một website nào đó. Dòng lệnh này không quá khó để thực hiện. Tuy nhiên, chúng vẫn cần độ chính xác cao nhằm tối ưu hóa website của bạn một cách tốt nhất. Cách chèn thẻ video trong HTML […]