VietTuts

Tự Học Lập Trình Online

  • Home
  • Java
  • Servlet
  • JSP
  • Struts2
  • Hibernate
  • Spring
  • MyBatis
  • Java WS
  • C
  • C++
  • C#
  • Python
  • PHP
  • Excel
  • VBA
  • Web
    • JavaScript
    • JQUERY
    • JSON
    • AJAX
    • CSS
    • HTML
    • HTML5
    • Node.js
    • Angular 7
  • SQL
    • MySQL
    • SQL Server
  • Misc
    • Eclipse
    • Phần mềm tiện ích
    • Cấu trúc DL&GT
    • Selenium Test

HTML Tuts

HTML là gì? Các thẻ HTML Định dạng trong HTML Tiêu đề trong HTML Đoạn văn trong HTML Liên kết trong HTML Ảnh trong HTML Table trong HTML Danh sách trong HTML Danh sách có thứ tự Danh sách không có thứ tự Danh sách mô tả Form trong HTML Thuộc tính Style Comment trong HTML Bảng màu trong HTML Thuộc tính chung trong HTML

Các thẻ HTML

Thẻ HTML Marquee Thẻ HTML Textarea HTML DOCTYPE Thẻ HTML Title Thẻ HTML meta Thẻ HTML Div Thẻ HTML Pre Thẻ HTML Code Thẻ HTML Label Thẻ HTML Input Thẻ HTML Button Thẻ HTML HR Thẻ HTML BR Thẻ HTML Script Thẻ HTML NoScript Thẻ HTML b Thẻ HTML Quotes

Bài học HTML

Text Link trong HTML Image Link trong HTML Email Link trong HTML Frame trong HTML Iframe trong HTML Block trong HTML Thiết lập màu nền (background) trong HTML Màu trong HTML Font trong HTML Thẻ embed - Đa phương tiện trong HTML Tạo chữ chạy (Marquee) trong HTML Style Sheet trong HTML Sử dụng Javascript trong HTML Layout trong HTML Tổng hợp thuộc tính trong HTML Sự kiện (Event) trong HTML Các Font tham khảo trong HTML Mã hóa ASCII trong HTML Bảng ASCII trong HTML Các thực thể HTML Mã hóa URL trong HTML Mã hóa các ngôn ngữ chuẩn ISO trong HTML Mã hóa ký tự trong HTML

Câu hỏi phỏng vấn

Phỏng vấn HTML
1 / 3
❮ ❯

Thuộc tính style trong HTML


HTML là gì?
Định dạng HTML

Nội dung chính

  • HTML Style
  • color của HTML Style
    • This is Green Color
    • This is Red Color
  • background-color của HTML Style
    • This is yellow background
    • This is red background
  • font-family của HTML Style
  • font-size của HTML Style
    • This is 200% h3 tag
  • text-align của HTML Style
    • This text is located at right side

HTML Style

Thuộc tính style trong HTML được sử dụng để thay đổi hoặc thêm kiểu cách (style) cho các thành phần HTML đang tồn tại. Có các style mặc định cho các thành phần HTML như màu nền là trắng, văn bản là đen...

Thuộc tính style có thể áp dụng cho bất kỳ thẻ HTML nào. Để áp dụng style trên thẻ HTML, bạn cần có kiến thức cơ bản về các property của css như color, background-color, text-align, font-family, font-size...

Cú pháp của thuộc tính style

style = "property:value"

color của HTML Style

Đặc tính color được sử dụng để định nghĩa màu văn bản.

Ví dụ về color

<h3 style="color:green">This is Green Color</h3>  
<h3 style="color:red">This is Red Color</h3>  

Kết quả:

This is Green Color

This is Red Color


background-color của HTML Style

Đặc tính background-color được sử dụng để định nghĩa màu nền cho các thẻ HTML.

Ví dụ về background-color

<h3 style="background-color:yellow;">This is yellow background</h3>  
<h3 style="background-color:red;color:white">This is red background</h3>  

Kết quả:

This is yellow background

This is red background


font-family của HTML Style

Đặc tính font-family được sử dụng để chỉ định font chữ cho các thẻ HTML.

Ví dụ về font-family

<p style="font-family:times new roman">This is times new roman font family</p>  
<p style="font-family:arial">This is arial font family</p>  

Kết quả:

This is times new roman font family

This is arial font family


font-size của HTML Style

Đặc tính font-size được sử dụng để định nghĩa kích thước của văn bản của các thẻ HTML.

Ví dụ về font-size

<h3 style="font-size:200%">This is 200% h3 tag</h3>  
<p style="font-size:200%">This is 200% p tag</p>  
<p style="font-size:20px">This is 16px p tag</p>

Kết quả:

This is 200% h3 tag

This is 200% p tag

This is 16px p tag


text-align của HTML Style

Đặc tính text-align được sử dụng để định nghĩa vị trí của văn bản cho các thẻ HTML. text-align có các giá trị là left, center, right.

Ví dụ về text-align

<h3 style="text-align:right;background-color:pink;">This text is located at right side</h3>  
<p style="text-align:center;background-color:pink;">This text is located at center side</p>  

Kết quả:

This text is located at right side

This text is located at center side


Chú ý: thẻ <center> không được hỗ trợ trong HTML5 mà chỉ được hỗ trợ trong các version trước của HTML.

HTML là gì?
Định dạng HTML

Recent Updates

Liên kết css với htmlMã hóa ký tự trong HTMLMã hóa các ngôn ngữ chuẩn ISO trong HTMLMã hóa URL trong HTMLCác thực thể HTMLBảng ASCII trong HTMLMã hóa ASCII trong HTMLCác Font tham khảo trong HTMLSự kiện (Event) trong HTMLTổng hợp thuộc tính trong HTMLLayout trong HTMLSử dụng Javascript trong HTMLSắp Tết 2026 Rồi! - Còn bao nhiêu ngày nữa là đến tết 2026?

VietTuts on facebook

Học Lập Trình Online Miễn Phí - VietTuts.Vn
Danh Sách Bài Học

Học Java | Hibernate | Spring
Học Excel | Excel VBA
Học Servlet | JSP | Struts2
Học C | C++ | C#
Học Python
Học SQL

Bài Tập Có Lời Giải

Bài tập Java
Bài tập C
Bài tập C++
Bài tập C#
Bài tập Python
Ví dụ Excel VBA

Câu Hỏi Phỏng Vấn

201 câu hỏi phỏng vấn java
25 câu hỏi phỏng vấn servlet
75 câu hỏi phỏng vấn jsp
52 câu hỏi phỏng vấn Hibernate
70 câu hỏi phỏng vấn Spring
57 câu hỏi phỏng vấn SQL

Scroll back to top

Copyright © 2016 VietTuts.Vn all rights reserved. | Liên hệ | Chính sách - riêng tư | sitemap.html | sitemap_index.xml