GAME FLASH MỚI:
Game tổng hợp
Showing posts with label Web Designer. Show all posts
Showing posts with label Web Designer. Show all posts

Bài 6: Style CSS trong HTML

Style CSS trong HTML được xác định bằng thuộc tính style trong các phần tử HTML

Bài 6: Style CSS trong HTML









Thuộc tính style được nằm trong thẻ mở của các phần tử HTML.
Style HTML với CSS
CSS được giới thiệu cùng với HTML 4, để cung cấp một cách tốt hơn trong việc thêm các thuộc tính cho những phần tử HTML.

CSS có thể thêm vào HTML theo 3 cách :

  • Sử dụng CSS file.
  • Phần tử Style nằm trong phần head.
  • Các thuộc tính Style nằm ngay trong từng phần tử HTML.

Sử dụng thuộc tính Style
Để sử dụng style CSS có 3 cách trên: sử dụng CSS file , phần tử style nằm trong head hoặc các thuộc tính style nằm ngay trong từng phần tử HTML.
Tuy nhiên trong bài hướng dẫn này chỉ giới thiệu việc sử dụng CSS với thuộc tính style.Để bạn có thể dễ dàng sửa mã HTML và xem kết quả của bạn.

Ví dụ HTML Style - Mầu nền
Thuộc tính background-color xác định mầu nền cho phần tử html
Bài 6: Style CSS trong HTML




(#FF0 là giá trị của mầu vàng chúng ta sẽ được tìm hiểu về nó trong những chương tiếp)

Ví dụ HTML Style - Font, Color,Cỡ chữ,Căn chữ
Các thuộc tính font-family, color,và font-size để xác định font, mầu,cỡ chữ cho văn bản trong phần tử HTML.
Bài 6: Style CSS trong HTML




Những thuộc tính font-family,color,font-size thay thế cho thẻ <font>
Thuộc tính text-align thay thế cho thuộc tính align.

Thuộc tính style còn nhiều các giá trị khác nữa sẽ được học kĩ trong bài hướng dẫn về CSS

Các thẻ và các thuộc tính nên tránh
Trong HTML 4 nhiều tag và thuộc tính tránh sử dụng. Tức là chúng không được hỗ trợ trong những phiên bản HTML sau này.
Vì vậy nên tránh sử dụng những tag:
Bài 6: Style CSS trong HTML

Bài 5: Thuộc tính trong HTML

Thuộc tính cung cấp thông tin thêm vào về những phần tử HTML
HTML - Thuộc tính

  • Những phần tử HTML có thể có nhiều thuộc tính
  • Những thuộc tính cung cấp thông tin thêm vào về những phần tử HTML
  • Những thuộc tính thường được định rõ trong tag bắt đầu hay thẻ mở
  • Những thuộc tính thường là cặp name/value như : name="value"
Bài 5: Thuộc tính trong HTML

Bài 4: Thẻ Font chữ trong HTML

Font trong tài liệu HTML được xác định bằng cặp thẻ <font></font>
Thẻ font định nghĩa các thuộc tính cho văn bản bên trong nó : mầu chữ, độ lớn, font chữ tương ứng với các thuộc tính: color,size, face
Ví dụ dưới chỉ ra cách sử dụng thẻ <font></font>

Bài 4: Thẻ Font chữ trong HTML

















Các bạn có thể gõ lại đoạn code và test trên trình duyệt của mình xem nó thế nào nhé!

Một số giá trị của thuộc tính face trong thẻ font
Bài 4: Thẻ Font chữ trong HTML

Bài 3: Các thẻ cơ bản trong HTML

Ở bài trước thì mình có giới thiệu về cấu trúc của một file HTML nó như thế nào, bài này mình sẽ tiếp tục giới thiệu cho các bạn những thẻ cơ bản trong HTML

Bài 3: Các thẻ cơ bản trong HTML

Bài 2: Cấu trúc cơ bản của HTML

Một document HTML luôn bắt đầu bằng <html> và kết thúc bằng </html> (trong đó bạn cũng có thể viết nhỏ hoặc viết hoa <html> và </html>).


Bài 2: Cấu trúc cơ bản của HTML

Bài 1: Giới thiệu về HTML

Để bắt đầu trong chuyên mục HTML thì hôm nay mình sẽ giới thiệu cho các bạn mới có thể nắm dõ nhất khái niệm của HTML nó là gì và sự quan trọng của nó trong thiết kế cũng như lập trình website

Bài 1: Giới thiệu về HTML
 
Copyright © 2014. Học thiết kế web cơ bản - All Rights Reserved
Proudly powered by Blogger