Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống
1
/ 58 trang
THÔNG TIN TÀI LIỆU
Thông tin cơ bản
Định dạng
Số trang
58
Dung lượng
891 KB
Nội dung
Bµi gi¶ng ThiÕt kÕ Web Vinh 6-2008 Bài 2: Gới thiệu cácthẻcơbảncủaHTML I- Giới thiệu các mã màu phổ biến Tên màu Giá trị Hexa Tên màu Giá trị Hexa Black #000000 Green #008000 Silver #C0C0C0 Lime #00FF00 Gray #808080 Olive #808000 While #FFFFFF Yellow #FFFF00 Maroon #800000 Navy #000080 Red #FF0000 Blue #0000FF Purple #800080 Teal #008080 Fuchsia #FF00FF Aqua #00FFFF Bài 2: Gới thiệu cácthẻcơbảncủaHTML Lưu ý: - Để lấy màu ta cóthể gõ tên màu Ví dụ: color=Red hoặc color=#FF000 - Ta cũng cóthể pha màu bằng giá trị Hexa của nó Ví dụ: #AABBBB hoặc #123BEF Bài 2: Gới thiệu cácthẻcơbảncủaHTML II- Giới thiệu cácthẻcơbảncủaHTML 1- Thẻ BODY ý nghĩa : Quy định sự bắt đầu và kết thúc nội dung của một trang Web, nó có tác dụng trên toàn trang Web Cú pháp: <Body> .</Body> Các thuộc tính củathẻ Body - Background=Địa chỉ : Chỉ định ảnh nền cho trang Web - Bgcolor=Màu : Chỉ định Màu nền cho trang Web - Text=Màu : Chỉ định màu văn bản cho trang Web - Bgproperties=pixed: Chỉ định ảnh nền cho trang web không cuộn khi cuộn thanh Scrollbar - Leftmargin=n : Chỉ định canh lề trái cho trang Web, với n là một số nguyên dương tính theo Pixed Bài 2: Gới thiệu cácthẻcơbảncủaHTML - Topmargin=n: Chỉ định canh lề trên cho trang Web, với n là một số nguyên dương tính theo Pixed - Link=Màu : Chỉ định màu cho các Hyperlink khi chưa đư ợc duyệt trong trang Web - Vlink =Màu: Chỉ định màu cho các Hyperlink khi được duyệt trong trang Web - Alink=Màu : Chỉ định màu cho các Hyperlink đang được duyệt trong trang Web Ví dụ: Tạo một trang Web có một bức ảnh nền, màu của văn bản trên trang Web là màu đỏ: <Body> background=C:\anh.jpg text=red </Body> Bài 2: Gới thiệu cácthẻcơbảncủaHTML 2- Thẻ Định dạng kiểu chữ a- Thẻ tạo chữ đậm <B>: ý nghĩa: Cho phép tạo chữ đậm Cú pháp: <B> .</B> Ví dụ: Tạo dòng chữ đậm Lớp K3A1 <B>Lớp K3A1</B> b- Thẻ tạo chữ nghiêng <I> : ý nghĩa: Cho phép tạo chữ nghiêng Cú pháp: <I> .</I> Ví dụ: Tạo dòng chữ nghiêng Lớp K3A1 <I>Lớp K3A1</I> Bài 2: Gới thiệu cácthẻcơbảncủaHTML c- Thẻ tạo chữ gạch chân <U>: ý nghĩa: Cho phép tạo chữ gạch chân Cú pháp: <U> .</U> Ví dụ: Tạo dòng chữ đậm Lớp K3A1 <U>Lớp K3A1</U> Bài 2: Gới thiệu cácthẻcơbảncủaHTML 3- Thẻ xuống dòng<Br> ý nghĩa: Để xuống dòng trên trang Web Cú pháp: <Br> 4- Thẻ định dang phông chữ <Font> ý nghĩa: Để định dạng phông chữ trên trang Web Cú pháp: <Font> .</Font> Các thuộc tính củathẻ Font Face=Phông chữ: Chỉ định font chữ được áp dụng Size=Cỡ chữ : Chỉ định kích thước cho phông chữ Color= Màu : Chỉ định Màu cho phông chữ Ví dụ: Tạo dòng chữ nghiêng Công ty CP SARA với phông chữ vntime cỡ 14 màu xanh <Font color=blueface=.vntimesize=14><I> Công ty CP SARA</I></Font> Bài 2: Gới thiệu cácthẻcơbảncủaHTML 5- Thẻ tạo đoạn văn bản <P> ý nghĩa: Để tạo một đoạn văn bản và căn lề cho đoạn văn bản đó Cú pháp: <P align=Căn lề> .</P> align=Căn lề dùng căn lề cho đoạn văn bản - left: Căn lề trái - right: Căn lề phải - Center: Căn bằng ở giữa Ví dụ: Tạo một đoạn văn bản bất kỳ trên trang web và căn lề trái cho đoạn văn bản đó. [...]... Toi trang2 < /HTML> Bài 2: Gới thiệu cácthẻcơbảncủaHTML 18- Thẻ chèn phim vào trang Web ý nghĩa: Cho phép chèn các bộ phim lên trang web Cú pháp: Bài 2: Gới thiệu cácthẻcơbảncủaHTML Bài tập thực hành Bài 1: Hãy tạo trang Web theo mẫu sau: Bài 2: Gới thiệu cácthẻcơbảncủaHTML Yêu cầu: - Nền trang web màu hồng - Dòng chữ chào cácbạn là... cấp bằng cách sử dụng cácthẻ và lồng nhau Ví dụ: tạo danh sách mục lục của môn học TKW Mục lục Bài 2: Gới thiệu cácthẻcơbảncủaHTML Mục lục Lý thuyết Bài 1 Bài 2 < /HTML> Bài 2: Gới thiệu cácthẻcơbảncủaHTML 10- Thẻ tạo... cácthẻcơbảncủaHTML Ví dụ: Giả sử có 2 trang web t1 .html, t2 .html tao liên kết giữa hai trang web này với nhau: tại trang t1 .html Toi trang2 tại trang t2 .html Toi trang1 Chú ý: Nếu 2 trang web không cùng một thư một thì phải chỉ đường dẫn cụ thể đến từng trang Bài 2: Gới thiệu cácthẻcơbảncủaHTML 16- Thẻ Tạo nhạc nền ý nghĩa: Cho phép chèn một bản. .. chữ chạy đập biên Bài 2: Gới thiệu cácthẻ cơ bảncủaHTML - Bgcolor=màu : chỉ định màu nền cho khung chứa văn bản - Direction=Hướng chạy: Chỉ định hướng chạy của dòng văn bản: Mặc định chạy từ phải qua trái (Left, right, Up, Down) - Height=n: chỉ định độ cao của khung bao văn bản - Width=n :chỉ định độ rộng của khung bao văn bản Bài 2: Gới thiệu cácthẻ cơ bảncủaHTML - Loop=n :chỉ định số lần lặp... củaHTML 10- Thẻ tạo chú thích ý nghĩa: Thẻ này dùng để tạo chu thích cho một trang HTML, nội dung củathẻ này không xuất hiện trên trình duyệt Cú pháp: Bài 2: Gới thiệu cácthẻ cơ bảncủaHTML 11- Thẻ tạo đường gạch ngang ý nghĩa: Dùng để tạo các đường gạch ngang phân cách các đoạn trong trang Web Cú pháp: Các thuộc tính củathẻ - Align= Căn lề: Dùng căn lề... cho ảnh Bài 2: Gới thiệu cácthẻ cơ bảncủaHTML - Width=n : chỉ định độ rộng cho ảnh - Align= Căn lề: Căn lề cho ảnh hay văn bản bao quanh ảnh (Top, middle,Bôttm, left, right) - Hspace =n : Chỉ định khoảng cách từ ảnh đến văn bản bao quanh nó theo chiều dọc - Vspace =n: Chỉ định khoảng cách từ ảnh đến văn bản bao quanh nó theo chiều ngang Bài 2: Gới thiệu cácthẻ cơ bảncủaHTML Ví dụ : Tạo trang web... Gới thiệu cácthẻcơbảncủaHTML Bài làm : Chương trình thiết kế web Chương trình thiết kế web < /html> Bài 2: Gới thiệu cácthẻcơbảncủaHTML 14- Thẻ Tạo chữ chạy ý nghĩa: Tạo hiệu ứng chữ chạy trong file HTML, dòng văn bản hay 1... 1 dối tượng bất kỳ nằm giữa thẻ này chạy theo kiẻu quy định trước Thẻ này chỉ dành riêng cho trình duyệt Internet Explore Cú pháp: Các thuộc tính củathẻ Marquee - Align= Căn lề : Căn lề văn bản so với khung chứa văn bản đó (left, right, middle,bottom) Bài 2: Gới thiệu cácthẻcơbảncủaHTML - Align= Căn lề : Căn lề văn bản so với khung chứa văn bản đó (left, right, middle,bottom)...Bài 2: Gới thiệu cácthẻcơbảncủaHTML 6- Thẻ tạo chỉ số trên : ý nghĩa: Để tạo chỉ số trên Cú pháp: Ví dụ: Tạo dòng chữ sau : x3 + x2 +2=0 x3+x2+2=0 7- Thẻ tạo chỉ số dưới : ý nghĩa: Để tạo chỉ số dưới Cú pháp: Ví dụ: Tạo dòng chữ sau : H2SO4 H2SO4 Bài 2: Gới thiệu cácthẻcơbảncủaHTML 8- Thẻ tạo chủ đề ý nghĩa:... Thuộc tính củathẻ Bài 2: Gới thiệu cácthẻcơbảncủaHTML - Type= Disc: mặc định, đĩa tròn - Type= Square : Một hình vuông nhỏ được tô đầy - Type= Cricle : Một hình tròn không được tô đầy Ví dụ: Tạo một danh sách sau: Danh sách lớp K3A1 Nguyễn Văn A Nguyễn Văn B Nguyễn văn C b- Danh sách có đánh số thứ tự: Bài 2: Gới thiệu cácthẻcơbảncủaHTML b- Danh sách . 2: Gới thiệu các thẻ cơ bản của HTML II- Giới thiệu các thẻ cơ bản của HTML 1- Thẻ BODY ý nghĩa : Quy định sự bắt đầu và kết thúc nội dung của một trang. < /HTML& gt; Bài 2: Gới thiệu các thẻ cơ bản của HTML 10- Thẻ tạo chú thích ý nghĩa: Thẻ này dùng để tạo chu thích cho một trang HTML, nội dung của thẻ