Bài giảng HTML ngôn ngữ đánh dấu siêu văn bản - Trịnh Công Duy

Cùng nắm kiến thức trong bài giảng HTML ngôn ngữ đánh dấu siêu văn bản thông qua việc tìm hiểu các nội dúng sau: các thẻ định cấu trúc tài liệu, các thẻ định dạng văn bản, các thẻ định dạng danh sách, liên kết siêu văn bản, chèn các thẻ âm thanh, hình ảnh.
Nội dung trích xuất từ tài liệu:
Bài giảng HTML ngôn ngữ đánh dấu siêu văn bản - Trịnh Công Duy HTML Ngôn ngữ đánh dấu siêu văn bảnTRỊNH CÔNG DUYWebsite: http://ITF.UD.EDU.VN Khái quát- Tạo lập trang Web là một vấn đề đơn giản, chỉ cần đánh văn bản vào rồi chèn thêm các ký hiệu đánh dấu, gọi là thẻ có dạng như sau: văn bản chịu tác động- Tập tin HTML luôn bắt đầu bằng thẻ và kết thúc bằng - Các file web tỉnh luôn có phần mở rộng là *.htm hay *.html nhằm báo cho trình duyệt biết mà thực thi.- Các file web tỉnh không cần Server khi chạy, chỉ cần nhấn đôi vào là đã có thể thực thi. Tổng quan trang web Html- Các trang Web khác nhau, tẻ nhạt hay sinh động, vô nghĩa hoặc rất cần thiết, nhưng tất cả đều có cùng một cấu trúc cơ sở, nên đa số các trình duyệt đang chạy trên hầu hết các kiểu máy tính đều có thể hiển thị thành công hầu hết các trang Web .Cấu trúc căn bản của trang web < HTML> < HEAD> < TITLE> Tiêuđề < /HEAD> < BODY tham số> ... Nội dung của trang Web < /BODY> < /HTML>I C¸c thÎ ®Þnh cÊu tróc tµi liÖu1.1 HTML• CÆp thÎ nµy ® sö dông ® x¸c nhËn mét tµi liÖu lµ îc Ó tµi liÖu HTML, tøc lµ nã cã sö dông c¸c thÎ HTML ®Ó tr× bµy. Toµn bé néi dung cña tµi liÖu ® ® gi÷ nh îc Æt a cÆp thÎ nµy.• Có ph¸p: Nội dung • Tr× duyÖt sÏ xem c¸c tµi liÖu kh«ng sö dông thÎ nh nh nh÷ tÖp tin v¨n b¶n b× thêng. ng nh1.2 HEADThÎ HEAD ® dïng ® x¸c ® îc Ó Þnh phÇn më ®Çucho tµi liÖuCó ph¸p: Phần đầu 1.3 TITLECÆp thÎ nµy chØ cã thÓ sö dông trong phÇn më® cña tµi liÖu, tøc lµ nã ph¶i n»m trong thÎ ph¹m Çuvi giíi h¹n bëi cÆp thÎ .Có ph¸p: < TITLE> Tiêu đề1.4 BODYThÎ nµy ® sö dông ® x¸c ® îc Ó Þnh phÇn néi dungchÝnh cña tµi liÖu - phÇn th© (body) cña tµi liÖu. nTrong phÇn th© cã thÓ chøa c¸c th«ng tin ® n Þnhd¹ng nhÊt ® Þnh ® ® ¶nh nÒn cho tµi liÖu, mµu Ó ÆtnÒn, mµu v¨n b¶n siªu liªn kÕt, ® lÒ cho trang tµi ÆtliÖu... Nh÷ th«ng tin nµy ® ® ë phÇn tham sè ng îc Ætcña thÎ.Có ph¸p: < BODY> .... phÇn néi dung cña tµi liÖu ® ® ë îc Æt ® y© < /BODY>C¸c tham s è c ña thÎ BODY2.2. C¸c thÎ ®Þnh d¹ng ®Ò môc H1/H2/H3/H4/H5/H6HTML hç trî 6 møc ® môc Ò ... ®Þnh d¹ng ® môc cÊp 1 Ò ... ®Þnh d¹ng ® môc cÊp 2 Ò ... ®Þnh d¹ng ® môc cÊp 3 Ò ... ®Þnh d¹ng ® môc cÊp 4 Ò ... ®Þnh d¹ng ® môc cÊp 5 Ò ... ®Þnh d¹ng ® môc cÊp 6 Ò2.2. C¸c thÎ ®Þnh d¹ng xuè ng dßngKhi gÆp thÎ nµy v¨n b¶n tù xuèng dßng• Th ẻ : Với thẻ này văn bản sẽ kết thóc mét ® vµ o¹nxuèng hµng (Kho¶ng c¸ch cña v¨n bµn m íi vµ v¨n b¶n cò lính¬n b×nh thê ng)• Th ẻ : Với thẻ này văn bản sẽ xuèng hµng gièng nhta gâ EnterVÝ dôCộng hoà xã hội chủ nghĩa Việt nam Độc lập - Tự do - HạnhphúcĐơn xin việcKết quảCộng hoà xã hội chủ nghĩa Việt namĐộc lập - Tự do - Hạnh phúcĐơn xin việc2.3 §ê ng kÎ ngang Đường kẻ ngang chủ yếu được dùng để phân địnhmột trang Web thành những phần có tính logic và d ễ nhìn M· ng u ồn Kết qu ả < SIZE= HR 10> < NOSHADE> HR < WIDTH= HR 40> < COLOR= FF0000> HR “# II. C¸c thÎ ®Þnh d¹ng v¨n b¶n2.1 ThÎ …• Cho phÐp ® Þnh d¹ng v¨n b¶n b»ng c¸c cÊu tróc cña chóng.• Có ph¸p: …C¸c gi¸ trÞ cho tham sè ALIGN: RIGHT J USTIFY LEFT CENTER2.2 Sö dông mµu s ¾c trong thiÕt kÕ Web Mét mµu ® tæng hîp tõ ba thµnh phÇn mµu îc chÝnh, ® lµ: §á (Red), Xanh l¸ c© (Green), Xanh ã y níc biÓn (Blue). Trong HTML mét gi¸ trÞ mµu lµ mét sè nguyªn d¹ng hexa (hÖ ® Õm c¬sè 16) cã ® Þnh d¹ng nh sau: #RRGGBB trong ® ã: RR - lµ gi¸ trÞ mµu §á. GG - lµ gi¸ trÞ mµu Xanh l¸ c©y. BB - lµ gi¸ trÞ mµu Xanh níc biÓn. Mµu s¾c cã thÓ ® x¸c ® îc Þnh qua thuéc tÝnh bgcolor= hay color=. Sau dÊu b»ng cã thÓ lµ gi¸ trÞ RGB hay tªn tiÕng Anh cña mµuB¶ng mµu Mµu s ¾c Gi¸ trÞ Tªn tiÕng AnhDDá #FF0000 REDDDá sÉm ...