Giáo trình chi tiết về HTML

HTML (Hypertext Markup Language): Ngôn ngữ đánh dấu siêu văn bảnSiêu văn bản (Hypertext): là các liên kết đến các trang web khác.Đánh dấu (Markup): gồm một vài mã đơn giản để tạo ra văn bản nét đậm hoặcnghiêng, các hình đồ hoạ chèn thêm vào, cùng với sự xác định các mối liên kết siêu văn bản...Ngôn ngữ (Language): gồm các tập hợp nhỏ các nhóm hai đến ba chữ và các từ dùngđể quy định các loại đối tượng trên một Website....
Nội dung trích xuất từ tài liệu:
Giáo trình chi tiết về HTML …………..o0o…………..Giáo trình chi tiết về HTML Trang 1 Chương 1: Giới thiệu ngôn ngữ HTML1. Tổng quan1.1 Giới thiệu HTML (Hypertext Markup Language): Ngôn ngữ đánh dấu siêu văn bản Siêu văn bản (Hypertext): là các liên kết đến các trang web khác. Đánh dấu (Markup): gồm một vài mã đơn giản để tạo ra văn bản nét đậm hoặcnghiêng, các hình đồ hoạ chèn thêm vào, cùng với sự xác định các mối liên kết siêu văn bản... Ngôn ngữ (Language): gồm các tập hợp nhỏ các nhóm hai đến ba chữ và các từ dùngđể quy định các loại đối tượng trên một Website.1.2 Cấu trúc cơ bản của một trang web tên trang 2. Các thẻ HTML2.1 Các thẻ định cấu trúc tài liệu2.1.1 Cặp thẻ này được sử dụng để xác nhận một tài liệu là tài liệu HTML. Toàn bộ nộidung của tài liệu được đặt giữa cặp thẻ này.Cú pháp: ... Toàn bộ nội dung của trang đặt ở đây Trình duyệt sẽ xem các tài liệu không sử dụng thẻ như những tệp tin vănbản bình thường. Trang 22.1.2 Thẻ được dùng để xác định phần mở đầu cho tài liệu.Cú pháp: ... Phần mở đầu chứa tiêu đề của trang Web 2.1.3 Cặp thẻ này chỉ có thể sử dụng trong phần mở đầu của tài liệu, tức là nó phải nằmtrong thẻ phạm vi giới hạn bởi cặp thẻ .Cú pháp: Tiêu đề trang WebChú ý: • Xâu ký tự nằm giữa và không hiển thị trên trang Web mà hiển thị tại thanh phía trên của Browser. • Xâu ký tự nằm giữa và được đặt trong phần header khi trang Web được in ra. • Xâu ký tự nằm giữa và được ghi lại khi bạn cập nhật trang Web này vào mục các trang Web yêu thích (Favorites).2.1.4 Thẻ này được sử dụng để xác định phần nội dung chính của tài liệu - phần thân(body) của tài liệu. Trong phần thân có thể chứa các thông tin định dạng nhất định để đặtảnh nền cho tài liệu, màu nền, màu văn bản siêu liên kết, đặt lề cho trang tài liệu... Nhữngthông tin này được đặt ở phần tham số của thẻ.Cú pháp: .... Phần nội dung của trang Web Một số các thuộc tính của thẻ : Đặt một ảnh nào đó làm ảnh nền (background) BACKGROUND= cho văn bản. Giá trị của tham số này (phần sau dấu bằng) là URL của file ảnh. Nếu kích thước ảnh nhỏ hơn cửa sổ trình duyệt thì toàn bộ màn hình cửa sổ trình duyệt sẽ được lát kín bằng nhiều ảnh. Đặt mầu nền cho trang khi hiển thị. Nếu cả hai BGCOLOR= tham số BACKGROUND và BGCOLOR cùng có giá trị thì trình duyệt sẽ hiển thị mầu nền trước, sau đó mới tải ảnh lên phía trên. Xác định màu chữ của văn bản, kể cả các đề TEXT= mục. Xác định màu sắc cho các siêu liên kết trong văn ALINK=,VLINK=,LI bản. Tương ứng, alink (active link) là liên kết NK= đang được kích hoạt - tức là khi đã được kích Trang 3 chuột lên; vlink (visited link) chỉ liên kết đã từng được kích hoạt; Như vậy một tài liệu HTML cơ bản có cấu trúc như sau: Tiêu đề của tài liệu ... Nội dung của tài liệu Thực hành:- Học sinh tạo một trang web đơn giản bằng NotePad với cấu trúc cơ bản đã học: • Tiêu đề: Design Simple Website • Nội dung hiển thị: Xin chào! Thiết kế web thật là dễ! • Màu nền trang web: Cyan • Màu chữ: Màu đà • Có ảnh nền tùy ý.- Duyệt trang web với Internet Explore.Mã nguồn: Design Simple Website Xin chào! Thiết kế web thật là dễ! 2.2 Các thẻ định dạng khối2.2.1 và Thẻ được sử dụng để bắt đầu một đoạn văn bản.Cú pháp: Nội dung đoạn văn bản Thẻ không có thẻ kết thúc tương ứng (), nó có tác dụng chuyển sangdòng mới. Lưu ý, nội dung văn bản trong tài liệu HTML sẽ được trình duyệt Web thể hiệnliên tục, các khoảng trắng liền nhau, các ký tự tab, ký tự xuống dòng đều được coi như mộtkhoảng trắng. Để xuống dòng trong tài ...