: bắt đầu đoạn văn : xuống dòng , ,…: đặt dòng văn nằm cặp tag tiêu đề (heading) c.Tag ghi Cũng ngơn ngữ lập trình, phép người viết trang web đặt ghi dành riêng cho vào trang web, HTML cung cấp tag ghi Đây tag đặc biệt so với tag khác: d.Định dạng kiểu chữ Trong tài liệu, văn thường sử dụng kiểu chữ đậm, nghiêng, gạch dưới,…ví dụ sau minh hoạ tag dùng định dạng kiểu chữ: In đậm 7 In đậm chữ lớn nhấn mạnh in nghiêng e Font chữ, màu sắc canh lề …
Ví dụ:
Computer Joke
Kỹ thuật viên: Máy tính anh có ổ đĩa mềm ?
Khách: Tơi khơng nhìn thấy bên Có chữ " Intel PentiumInside "
Thuộc tính tag Một thơng tin định dạng gồm nhiều chi tiết, ví dụ trên, font chữ hiển thị cho chuỗi văn định qua tag nhiên, font chữ lại gồm nhiều chi tiết như: tên font, kích thước, màu sắc,… Các thông tin chi tiết gọi thuộc tính tag Một tag có nhiều thuộc tính Bạn nên đặt giá trị thuộc tính dấu ngoặc kép Định dạng trước nội dung văn Web browser khơng quan tâm đến cách bạn trình bày đoạn code HTML file html mà dựa vào tag để trình bày nội dung trang web Tag dùng bạn muốn yêu cầu web browser "tơn trọng" khoảng trắng xuống dịng đoạn code HTML 1.3 Cơ CSS 1.3.1 Giới thiệu CSS 8 a CSS CSS: Cascading Style Sheets Các Style định nghĩa cách trình duyệt hiển thị đối tượng HTML Các Style lưu Style Sheet Các Style Sheet độc lập lưu file CSS riêng biệt Các Style Sheet độc lập tiết kiệm nhiều thời gian cho bạn Nhiều định nghĩa Style cho loại đối tượng sử dụng theo lớp b Style giúp bạn giải nhiều vấn đề HTML tag thiết kế để định dạng cách hiển thị nội dung trang Web cách định nghĩa "đây phần header", "đây đoạn", "đây bảng",… Mỗi trình duyệt hiển thị nội dung trang Web theo cách riêng dựa định nghĩa Các trình duyệt thơng dụng Internet Explorer hay Netscape liên tục thêm thắt tag HTML riêng vào danh sách HTML tag chuẩn W3C làm cho việc tạo lập văn Web để hiển thị độc lập trình duyệt ngày khó khăn Để giải vấn đề này, W3C (World Wide Web consortium- tổ chức chịu trách nhiệm tạo lập chuẩn Web) tạo STYLE cho HTML 4.0 Cả Netscape 4.0 Internet Explorer 4.0 hỗ trợ Cascading Style Sheets Style Sheet tiết kiệm nhiều công sức thiết kế Các Style HTML 4.0 định nghĩa cách mà thành phần HTML hiển thị Các Style thường lưu file độc lập với trang Web bạn Các file CSS độc lập cho phép bạn thay đổi hình thức thể khuôn dạng tất trang Website thống mà phải thực thay đổi lần Style dùng? Ta nói rằng, Style sử dụng theo "lớp" (cascade) ưu tiên nhiều Style định nghĩa thành phần HTML tham chiếu file HTML Thứ tự ưu tiên xếp từ cao xuống thấp: Style cho thành phần HTML cụ thể 9 10 Style phần HEAD Style file CSS Mặc nhiên theo trình duyệt 1.3.2 Cú pháp CSS Lý thuyết liên quan: Cú pháp CSS gồm phần: đối tượng, thuộc tính giá trị: Đối tượng {thuộc tính: giá trị} Đối tượng thường tag HTML mà bạn muốn định nghĩa cách hiển thị Thuộc tính thuộc tính hiển thị đối tượng Giá trị cách mà bạn muốn thuộc tính hiển thị Cặp {thuộc tính: giá trị} đặt dấu {} Body {color: black} Nếu giá trị gồm nhiều từ, đặt chúng dấu nháy đôi: p {font-family: "sans serif"} Nếu bạn muốn định nghĩa nhiều thuộc tính đối tượng, phân cách cặp thuộc tính: giá trị dấu (;) p {text-align: center; color: red} Để định nghĩa Style dễ đọc hơn: P{ text-align: center; color: black; font-family: arial } 1.1 Nhóm nhiều đối tượng Bạn định nghĩa Style cho nhiều đối tượng lúc: h1, h2, h3, h4, h5, h6 { color: green } 1.2 Thuộc tính Class Với thuộc tính Class, bạn định nghĩa nhiều Style khác cho đối tượng Ví dụ, bạn muốn có hai Style cho tag, 10 10 ... thường dung noi Internet; Web Server: Máy tính lưu trữ cac trang web; Web Client: Máy tính dung để truy cập cac trang web; Web Browser: Phần mềm dung để truy cập web; Một số web browser phổ biến:... tiêu - Trình bày định nghĩa, cú pháp thành phần HTML; - Sử dụng thành phần HTML Nội dung chính: Tổng quan lập trình ứng dụng Web 1.1 HTTP HTML Nền móng Kỹ thuật lập trình web Kỹ thuật lập trình. .. Web Mã mơ đun: MĐ 26 Vị trí, tính chất, ý nghĩa vai trị mơn học/mơ đun: - Vị trí: Đây mơ đun lập trình mơi trường web chương trình đào tạo nghề Cao đẳng lập trình máy tính, sử dụng mơi trường Microsoft
