Cơ bản html p5
Số trang: 5
Loại file: pdf
Dung lượng: 413.50 KB
Lượt xem: 17
Lượt tải: 0
Xem trước 2 trang đầu tiên của tài liệu này:
Thông tin tài liệu:
Mã màu RGB – html color code- color namesMàu để hiện thị trong html có hai loại, một loại là mấy màu cơ bản, thì cứ viết tên rtong English của nó ra, lọi còn lại đậm nhạt tự ta pha thì là màu RGB (lát nữa cái giải thích cái tên bạn sẻ hiểu) Trong đây mình có tên của 16 màu cơ bản theo English: RGB - Red, Green, Blue - Đò, Xanh lá, Xanh biển Ý là lấy ba con số, tượng trưng cho 3 màu này, mức độ đậm nhạc khác nhau mà pha ra tất...
Nội dung trích xuất từ tài liệu:
Cơ bản html p5 Basic html Cơ bản html Mã màu RGB – html color code- color namesMàu để hiện thị trong html có hai loại, một loại là mấy màu cơ bản, thì cứ viết tên rtong Englishcủa nó ra, lọi còn lại đậm nhạt tự ta pha thì là màu RGB (lát nữa cái giải thích cái tên bạn sẻhiểu)Trong đây mình có tên của 16 màu cơ bản theo English:RGB - Red, Green, Blue - Đò, Xanh lá, Xanh biểnÝ là lấy ba con số, tượng trưng cho 3 màu này, mức độ đậm nhạc khác nhau mà pha ra tất cả cácmàu còn lại, mỗi màu nhạt nhất giá trị là 0, đậm nhất là 255.tạo một trang web với thẻ body mở (đen thùi) hoặc (cái này sẻ thấy trắng bóc) để hiểu được.Nhưng mà tời gì cũng ít ai viết mã màu kiểu này, người ta thường viết mã màu RGB theo hệthập lục phân(thập lục = 16)Hệ thập lục phân (HexadecimaL) bao gồm 10 con số từ 0-1 và mấy chữ cái A,B,C,D,E,FnÓ CŨNG TƢƠNG TỰ NHƢ HỆ CƠ SỐ ĐẾM THẬP PHÂN MÀ TA ĐANG XÀI5FF...FF là con số 2 chữ số lớn nhất trong hệ TLP cũng như 99 là con số có hai chữ số rong hệ thậpphân. Cuung4 không cần quan tâm vấn đề này nhiều.Ở phần trước ta có giá trị nhỏ nhất là 0 lớn nhất là 255 thì tới đây, giá trị nhỏ nhất mỗi màu là 00còn lớn nhất là FF. mình không thích toán học, còn bạn nào thích thì chắc chắn sẽ hiểu tại sao Basic html(15 * 16) + (15) = 255Và lúc này, để đặt màu nền trang web là màu đen, ta lại có thêm một cách: Lưu ý là có thêm dấu # nữa nhaNói thêm về cách tính màuTa có thể nhớ được một số màu đơn giản (ít nhất là 5 màu) đó là đen, trắng, đỏ, xanh lá, xanhbiểnĐen: chả có màu gì, cả 6 con số đều =0Trắng: # màu thật đậm, cả 3 6 con số đều =FĐỏ: 2 con số tượng trưng cho sắc đỏ đậm nhất, hai màu kia đều = 0 (FF0000)Xanh lá và xanh biển tương tự! html - fontThẻ cũng là thẻ được dùng khá nhiều trong html, thẻ font thường được dùng dể ẩn đĩnhkích thước, màu sắc và dĩ nhiên là font chữ trên trang web bằng cách thêm một số thuộc tính vàotrong thẻ:color: định màu, màu có thể là tên, RGB...Font:tên font chữ. VD:Times New Romansize: số từ 1-7, 1 nhỏ nhất, 7 lớn nhất, cái này hình như mặc định là 3. html - Hyperlink - liên kết trên trang webĐây là một ví dụ thực tế mà bạn thường ay gặp, bất cứ lúc nào lướt web, bạn nhấp vào đâu đó, vàthế là được chuyễn hướng sang trang khác.Để làm được việc này, ta bọc đối tượng( đối tượng có thể là chữ, hình ảnh) với tag và dĩnhiên câu hỏi đặt ra là làm sao định hướng được đi tới đâu, câu trả lời:_Trong tag ta cần có thêm thuộc tính href (hypertext reference). Giá trị của thuộc tính này làđường dẫn tới trang mà ta muốn nó đến, ví dụ bạn có một link và muốn nó dẫn tới trang chủ củahọc vui thì code cần viết đơn giản là:Code: [Select]Link dẫn tới hocvuiKết quả:Link dẫn tới hocvuiLink hình ảnhĐơn gản như link tường thôi: Basic htmlMọi việc có thể là rất bình thường, cho tới khi.....mình nói là không phải như thế!giá trị của thuộc tính href cũng có 3 loại:Internal - Links dẫn tới địa điểm cùng trangLocal - Links dẫn tới một trang tuộc tên miền của bạn (ví dụ như http://hocvui.net/index.html vàhttp://hocvui.net/4rum là cùng tên miền)Global - Link dẫn tới trang khác tên miền ( ví dụ http://google.com) tuy cái này vẫn có thể dẫntới trang của bạn, đừng hiểu nhầm nhé!Ví dụ thực tế cho từng loại:link internal thường dùng để làm những link Trở về đầu trang Bằng cách như thế này:ờ nơi bạn muốn nhảy tới khi click vào link, bạn đặt một thẻ với giá trịcủa thuộc tính href là cái gì cũng được, miễn sao cho bạn dễ nhớ, ở đây nói trở về đầu trang thìmình đặt giá trị là top cho dễ nhớ.Nơi mà bạn muốn hiện cái dòng chử Trở về đầu trang, bạn đặt một thẻ Trở vềđầu trang. Nhớ là để ví dụ này có hiệu quả, thì trang phải dài và hiện thanh cuộn trên cửasổ trình duyệt mới thấy được ha!Click thử xem :Trở về đầu trangLink Global thì khỏi giải thích nhiều, chèn nguyên cái đường dẫn (cái trên thanh dịa chỉ củatrình duyệt ớ) và giá trị của href là xong.Link Local đây là một ví dụ thứ vị, mà chắc sẽ không ít người bị nhầm vẫn sau này!Code: [Select]aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaCái này mình chỉ nói qua, các bạn thử tự ví dụ tại nhà ha! hảy tạo trên Destop một thư mục, savefile HTML này tại đó, mở ra bằng trình duyệt và xem thử từng link sẽ dẫn bạn tới đâu.Chú ý: Chắc chắn là bạn sẽ thấy một trang báo lỗi không tìm thấy hiện ra, nhưng không sao, tachỉ quan tâm đến đường dẫn hiện ra trên tình duyệt để phân tích.Có 3 dòng 1,2,3 cứ thế ma nói.1: Nếu bạn đặt file này trong bất cứ thư mục nào của ổ đĩa(ví dụ là C ha) link dẫn sẻ là:file:///C:/index.htmDấu / phía trước sẽ tạo ra đường dẫn là tên miền (trường hợp này là ổ đĩa) và tên file ngay sao ...
Nội dung trích xuất từ tài liệu:
Cơ bản html p5 Basic html Cơ bản html Mã màu RGB – html color code- color namesMàu để hiện thị trong html có hai loại, một loại là mấy màu cơ bản, thì cứ viết tên rtong Englishcủa nó ra, lọi còn lại đậm nhạt tự ta pha thì là màu RGB (lát nữa cái giải thích cái tên bạn sẻhiểu)Trong đây mình có tên của 16 màu cơ bản theo English:RGB - Red, Green, Blue - Đò, Xanh lá, Xanh biểnÝ là lấy ba con số, tượng trưng cho 3 màu này, mức độ đậm nhạc khác nhau mà pha ra tất cả cácmàu còn lại, mỗi màu nhạt nhất giá trị là 0, đậm nhất là 255.tạo một trang web với thẻ body mở (đen thùi) hoặc (cái này sẻ thấy trắng bóc) để hiểu được.Nhưng mà tời gì cũng ít ai viết mã màu kiểu này, người ta thường viết mã màu RGB theo hệthập lục phân(thập lục = 16)Hệ thập lục phân (HexadecimaL) bao gồm 10 con số từ 0-1 và mấy chữ cái A,B,C,D,E,FnÓ CŨNG TƢƠNG TỰ NHƢ HỆ CƠ SỐ ĐẾM THẬP PHÂN MÀ TA ĐANG XÀI5FF...FF là con số 2 chữ số lớn nhất trong hệ TLP cũng như 99 là con số có hai chữ số rong hệ thậpphân. Cuung4 không cần quan tâm vấn đề này nhiều.Ở phần trước ta có giá trị nhỏ nhất là 0 lớn nhất là 255 thì tới đây, giá trị nhỏ nhất mỗi màu là 00còn lớn nhất là FF. mình không thích toán học, còn bạn nào thích thì chắc chắn sẽ hiểu tại sao Basic html(15 * 16) + (15) = 255Và lúc này, để đặt màu nền trang web là màu đen, ta lại có thêm một cách: Lưu ý là có thêm dấu # nữa nhaNói thêm về cách tính màuTa có thể nhớ được một số màu đơn giản (ít nhất là 5 màu) đó là đen, trắng, đỏ, xanh lá, xanhbiểnĐen: chả có màu gì, cả 6 con số đều =0Trắng: # màu thật đậm, cả 3 6 con số đều =FĐỏ: 2 con số tượng trưng cho sắc đỏ đậm nhất, hai màu kia đều = 0 (FF0000)Xanh lá và xanh biển tương tự! html - fontThẻ cũng là thẻ được dùng khá nhiều trong html, thẻ font thường được dùng dể ẩn đĩnhkích thước, màu sắc và dĩ nhiên là font chữ trên trang web bằng cách thêm một số thuộc tính vàotrong thẻ:color: định màu, màu có thể là tên, RGB...Font:tên font chữ. VD:Times New Romansize: số từ 1-7, 1 nhỏ nhất, 7 lớn nhất, cái này hình như mặc định là 3. html - Hyperlink - liên kết trên trang webĐây là một ví dụ thực tế mà bạn thường ay gặp, bất cứ lúc nào lướt web, bạn nhấp vào đâu đó, vàthế là được chuyễn hướng sang trang khác.Để làm được việc này, ta bọc đối tượng( đối tượng có thể là chữ, hình ảnh) với tag và dĩnhiên câu hỏi đặt ra là làm sao định hướng được đi tới đâu, câu trả lời:_Trong tag ta cần có thêm thuộc tính href (hypertext reference). Giá trị của thuộc tính này làđường dẫn tới trang mà ta muốn nó đến, ví dụ bạn có một link và muốn nó dẫn tới trang chủ củahọc vui thì code cần viết đơn giản là:Code: [Select]Link dẫn tới hocvuiKết quả:Link dẫn tới hocvuiLink hình ảnhĐơn gản như link tường thôi: Basic htmlMọi việc có thể là rất bình thường, cho tới khi.....mình nói là không phải như thế!giá trị của thuộc tính href cũng có 3 loại:Internal - Links dẫn tới địa điểm cùng trangLocal - Links dẫn tới một trang tuộc tên miền của bạn (ví dụ như http://hocvui.net/index.html vàhttp://hocvui.net/4rum là cùng tên miền)Global - Link dẫn tới trang khác tên miền ( ví dụ http://google.com) tuy cái này vẫn có thể dẫntới trang của bạn, đừng hiểu nhầm nhé!Ví dụ thực tế cho từng loại:link internal thường dùng để làm những link Trở về đầu trang Bằng cách như thế này:ờ nơi bạn muốn nhảy tới khi click vào link, bạn đặt một thẻ với giá trịcủa thuộc tính href là cái gì cũng được, miễn sao cho bạn dễ nhớ, ở đây nói trở về đầu trang thìmình đặt giá trị là top cho dễ nhớ.Nơi mà bạn muốn hiện cái dòng chử Trở về đầu trang, bạn đặt một thẻ Trở vềđầu trang. Nhớ là để ví dụ này có hiệu quả, thì trang phải dài và hiện thanh cuộn trên cửasổ trình duyệt mới thấy được ha!Click thử xem :Trở về đầu trangLink Global thì khỏi giải thích nhiều, chèn nguyên cái đường dẫn (cái trên thanh dịa chỉ củatrình duyệt ớ) và giá trị của href là xong.Link Local đây là một ví dụ thứ vị, mà chắc sẽ không ít người bị nhầm vẫn sau này!Code: [Select]aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaCái này mình chỉ nói qua, các bạn thử tự ví dụ tại nhà ha! hảy tạo trên Destop một thư mục, savefile HTML này tại đó, mở ra bằng trình duyệt và xem thử từng link sẽ dẫn bạn tới đâu.Chú ý: Chắc chắn là bạn sẽ thấy một trang báo lỗi không tìm thấy hiện ra, nhưng không sao, tachỉ quan tâm đến đường dẫn hiện ra trên tình duyệt để phân tích.Có 3 dòng 1,2,3 cứ thế ma nói.1: Nếu bạn đặt file này trong bất cứ thư mục nào của ổ đĩa(ví dụ là C ha) link dẫn sẻ là:file:///C:/index.htmDấu / phía trước sẽ tạo ra đường dẫn là tên miền (trường hợp này là ổ đĩa) và tên file ngay sao ...
Gợi ý tài liệu liên quan:
-
Báo cáo thực tập: Đề tài thiết kế Web
77 trang 566 2 0 -
Đề thi thực hành môn Thiết kế Web - Trường Cao đẳng nghề Vĩnh Phúc
3 trang 267 2 0 -
Luận văn tốt nghiệp Công nghệ thông tin: Xây dựng website bán hàng nông sản
67 trang 142 0 0 -
Khóa luận tốt nghiệp Công nghệ thông tin: Xây dựng website bán hàng nông sản
85 trang 115 0 0 -
MỘT SỐ ĐIỂM CẦN CHÚ Ý KHI THIẾT KẾ WEB
5 trang 112 0 0 -
GIÁO TRÌNH LẬP TRÌNH WEB_PHẦN 2_BÀI 3
3 trang 103 0 0 -
231 trang 92 1 0
-
Giáo trình Nhập môn thiết kế website
58 trang 82 0 0 -
Tài liệu giảng dạy Thiết kế giao diện Web - Trường CĐ Kinh tế - Kỹ thuật Vinatex TP. HCM
88 trang 72 0 0 -
81 trang 68 0 0