Thông tin tài liệu
Basic html Cơ bản html Mã màu RGB – html color code- color names Mà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: <body bgcolor="black"> 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ác mà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ở <body bgcolor="rgb(0,0,0)"> (đen thùi) hoặc <body bgcolor="rgb(255,255,255)"> (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,F nÓ CŨNG TƢƠNG TỰ NHƢ HỆ CƠ SỐ ĐẾM THẬP PHÂN MÀ TA ĐANG XÀI 5<9 thì A<F .98->99 . thì .FE->FF . 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ập phâ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à 00 cò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) = 255 Và 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: <body bgcolor="#000000"> Lƣu ý là có thêm dấu # nữa nha Nói thêm về cách tính màu Ta 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á, xanh biển Đen: chả có màu gì, cả 6 con số đều =0 Trắ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 - font Thẻ <font> cũng là thẻ đƣợc dùng khá nhiều trong html, thẻ font thƣờng đƣợc dùng dể ẩn đĩnh kí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ào trong thẻ: color: định màu, màu có thể là tên, RGB . Font:tên font chữ. VD:Times New Roman size: 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 <a> 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 <a> 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ủa học vui thì code cần viết đơn giản là: Code: [Select] <a href="http://hocvui.net">Link dẫn tới hocvui</a> Kết quả: Link dẫn tới hocvui Link hình ảnh Đơn gản nhƣ link tƣờng thôi: Basic html <a href="hocvui.net"><img src="http://hocvui.net/logo.png"/></a> Mọ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 trang Local - 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ẫn tớ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ẻ <a name="top"></a> 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ẻ <a href="#top">Trở về đầu trang</a>. 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ửa sổ trình duyệt mới thấy đƣợc ha! Click thử xem :Trở về đầu trang Link 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ủa trì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] <p><a href="/index.htm">aaaaaaaaaaaa</a></p> <p><a href="index.htm">aaaaaaaaaaaa</a></p> <p><a href=" /index.htm">aaaaaaaaaaa</a></p> Cá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, save file 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, ta chỉ 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.htm Dấ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 đó. Basic ht ml 2: Còn cái li nk th ứ 2 sẽ đƣa ra l i ên kết đún g th o vị trí m à f il e h tm l đan g nằm + tên f il e 3: Cái l i nk n ày đƣa ra đƣờn g dẫn tới th ƣ m ục ch ứa th ƣ m ục ch ứa f il e h tm l + tên f i l e Nói thì kh ó hi ểu nh ƣn g các bạn cứ th ử đi l à sẻ hểu th ôi ! l ink tar gets - Mục ti êu kh ó dị ch quá. Nói ch un g l à v ới m ỗi li nk b ạn có quy ền chỉ đị n khi n hấp v ào l à m ở tran g web tr on g đị a chỉ ở cửa sổ m ới h ay l à tr on g chí nh tran g n ày , h oặc l à tr on g fr ame n ào b ạn m uốn , (f ram e ta sẽ tì m hi ểu sau! ) bằn g th uộc tí nh tar get, có các gi á trị nh ƣ sau: _bl an k: m ở cửa sổ m ới _sel f : m ở tran g m ới ở cửa sổ đan g m ở h ay f ram e ch ứa n ó (cái n ày m ặc đị nh ) _paren t: m ở tran g ở f ram e ch a (thí dụ f ram e ch ứ f ram e thì cái f ram e l ớn chí nh l à f ram e ch a) _top: m ở ở cửa sổ hi ện tại l uôn , nh ƣn g m à n ếu tran có ch ứa f ram e n ếu kh ôn g đặt th uộc tí nh taege t c ó gi á trị n ày , tran g m ới chỉ l oad tr on g f rame, c òn khi đặt gi á trị n ày thì cả tran g n hi ều f ram e nh ƣ m ột, cái n ày cũn g kh á kh ó để ví dụ, từ từ qua ph ần f ram e rồi tí nh . Email tag <a> c òn để l àm li nk gửi m ai l , co n ghĩ a l à khi cli ck v ào đị a chỉ m ai l thì trì nh soạn th ào m ail m ặc đị nh của bạn se m ở ra ớ! <a h ref = "m ai l to:adm i n@h ocv ui .n et" >Gửi th ƣ cho m ì nh nh é</a> K ết quả: Gửi th ƣ ch o m ì nh nh é Với cách n ày ta c òn có th ể đặ t trƣớc tựa v à m ột ph ần n ội dun g th ƣ nh ứ sau <a h ref= "m ai l to:adm i n@h ocv ui .n et? subj ect=Tu V i du&b ody =Mi nh da hi eu h et roi , de qua" >Gửi th ƣ ch o m ì nh nh é</a> Sau đị a chỉ m ai l có th êm dấu "?" v à 2 phần subject=ti êu đề b ạn m uốn , body=Nội dun g th ƣ bạn m uốn , có th ể chỉ đặt 1 tron g 2 ph ần n ày , nh ƣn g khi m uốn đặt cả h ai cùn g l úc thì cần có dấu "& " nh ƣ trên ví dụ. Lúc nhấn v ào n gƣời ta sẽ th ấy ph ần ti êu dề v à n ội dun g th ƣ đã đi ền sẵn m ột số th ôn g ti n! (Đƣơn g nhi ên l à n gƣời ta v ẫn x oá đi đƣợc). HTML Scripts Scri pt l à m ột l oại code (m ã) n ói ch un g l à .ờ à m ột l oại n gôn n gữ l ập trì nh th ật sự. W eb có trỡ n ên l i nh độn g hay kh ôn g thì th ật sự l à do các scri pt n ày . Cùn g l úc soạn th ảo tài l i ệu h ƣớn g dẫn HTML n ày mì nh cũn g đan g soạn th ảo m ột số Scri pt đơn gi ản kh ác. Có hai loại script thƣờng đƣợc dùng trên web đó là javascript và vbscript. (x em th êm v ề j av ascri pt) Basic html Nội dung các ngôn ngữ đó đƣợc đặt trong thẻ <script>, để xác định đƣợc ngôn ngữ bạn đang dùng, ta có 2 cách. Ví dụ: ở đây mình dùng javascript để ví dụ: Code: [Select] <script language="javascript"> </script> Hoặc là: Code: [Select] <script type="text/javascript"> </script> Nội dung các script đƣợc đặt bên trong! . Basic html Cơ bản html Mã màu RGB – html color code- color names Mà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. (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: <body bgcolor="black"> RGB - Red, Green,
Ngày đăng: 14/12/2013, 08:15
Xem thêm: Tài liệu Cơ bản html p5 docx
