Cấu trúc dữ liệu và giải thuật

HTML - Bài 9. Tạo màu cho chữ và nền bằng CSS


TThiết lập bộ chọn là tổ hợp các phần tử có quan hệ với nhau  631

a) Quan hệ con cháu: E F

Áp dụng cho các phần tử F nếu F là con/cháu của E trong cây HTML (xem lại sơ đồ cây mô tả các phần tử html trong 1 trang web)

VD: div p{color: blue;} => áp dụng chữ màu xanh cho các phần tử p (p là con của div)

b) Quan hệ cha con trực tiếp: E>F

Áp dụng cho F, nếu F là con của E.

VD: p > em{color: red;} => áp dụng chữ màu đỏ cho phần tử em (con của p)

c) Quan hệ anh em liền kề: E + F

Áp dụng cho F nếu F liền ngay sau E và F có cùng cha với E.

VD: em + strong{color: red;} => áp dụng chữ màu đỏ cho strong nếu strong đứng liền ngay sau em

d) Quan hệ anh em không liền kề: E ~ F

Áp dụng cho F đứng sau E, nhưng F không cần liên tục với E; E và F có dùng cha.

VD: em ~ strong{color: red;}

Xem tiếp...


HTML - Bài 8. Định dạng văn bản bằng CSS


ĐĐịnh dạng văn bản bằng CSS  390

1. Định dạng phông chữ

Các thuộc tính cơ bản:

 - font-family:danh sách các font chữ dùng cho css

 - font-style: kiểu chữ

 - font-weight: độ dày nét chữ

 - font-size: cỡ chữ

VD:

.phongchu{

   font-family: 'Courier New', Courier, monospace;

   font-style: italic;

   font-weight: normal;

   font-size: 40pt;

}

2. Định dạng màu chữ

-thuộc tính cơ bản: color

-màu của chữ thường được định nghĩa theo hệ màu rgb dạng: #rrggbb; trong đó r, g, b có giá trị từ 0 đến f

VD;

.mauchu{

   color: #009999;

}

3. Định dạng dòng văn bản

Thuộc tính cơ bản:

- line-height: độ cao của dòng

- text-indent: thụt lề cho chữ đầu tiên của đoạn

VD:

.dongvanban{

   line-height: 30px;

   text-indent: 100px;

}

4. Đ

Xem tiếp...


HTML - Bài 7. CSS


77.3. Cách nhúng css vào web  228

Cách 1. Viết trong phần head

Bạn hãy dùng thẻ style để viết css. VD:

     

Cách 2. Viết trong file css

Hãy tạo file dinhdang.css với nội dung:

             h1{color: #ff0000;}

            #menu{color: #ff0000;}

           .left_menu{color: #00ff00;}

rồi viết trong phần head của trang:

         

Cách dùng css đã viết:

- Nếu css là tên thẻ html thì không phải gọi gì, c&aacu

Xem tiếp...


HTML - Bài 6. Tạo biểu mẫu


BBài 6.1. Form (biểu mẫu) trong html là gì?  174

Form được dùng để thu thập dữ liệu từ người dùng, dữ liệu này sẽ được gửi đến server để xử lý. VD:

HTML Forms

First name:

Last name:


 


HTML - Bài 5. Chèn tệp tin đa phương tiện và khung nội tuyến vào trang web


CChèn ảnh, âm thanh, video vào trang web  171

1. Chèn ảnh

Cú pháp: 

Trong đó:

- url: đường dẫn đến ảnh. Các dạng ảnh hỗ trợ: png, jpg, gif, svg, webp

- alt: chữ hiện thay thế khi không tải được ảnh

- style: chỉ ra các thuộc tính của ảnh (chiều rộng, chiều cao, ...). Nếu chỉ dùng một trong hai thuộc tính (width hoặc height), chiều còn lại sẽ được tự động tính toán để hiển thị theo tỉ lệ của ảnh gốc.

2. Chèn âm thanh vào trang web

- Cú pháp: 

- Trong đó: 

+ src: đường dẫn đến tệp tin. Các định dạng audio được hỗ trợ: mp3, wav, ogg

+ controls: hiển thị thành phần điều khiển

+ autoplay: tự động phát ngay khi hiển thị

+ muted: tắt âm thanh

- VD: Xem tiếp...


HTML - Bài 4. Tạo liên kết


HTML - Bài 3. Tạo bảng và danh sách


HHiệu chỉnh đường viền của bảng trong html  164

Khi cần hiệu chỉnh đường viền của bảng, bạn nên dùng style


HTML - Bài 2. Định dạng văn bản


HTML - Bài 1. Cấu trúc cơ bản của tệp html


11.0. Cách dùng notepad để tạo file html  356

 

Bạn phải nhớ:

- Notepad, Notepad++ là chương trình soạn thảo văn bản, dùng để soạn thảo mã nguồn html.

- Google Chrome, Internet Explorer, Safari, Opera, ... là trình duyệt Internet; dùng để xem trang web


Bài viết mới


Chủ đề được quan tâm

Bài viết được xem nhiều