Tài liệu Cơ bản html p5 docx
Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (413.5 KB, 5 trang )
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="">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="
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ƣ và
là cùng tên miền)
Global - Link dẫn tới trang khác tên miền ( ví dụ ) 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!
