1. Trang chủ
  2. » Giáo án - Bài giảng

Bài giảng THIẾT KẾ WEB ( combo full slides 2 chương )

80 1 0
Tài liệu đã được kiểm tra trùng lặp

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

THÔNG TIN TÀI LIỆU

Nội dung

 M t tài li u HTML là m t t p tin văn b n trong đó ột tài liệu HTML là một tệp tin văn bản trong đó ệu về ngôn ngữ HTMLột tài liệu HTML là một tệp tin văn bản trong đó ệu về ngôn n

Trang 1

THIẾT KẾ WEB

Trang 2

N I DUNGỘI DUNG

Trang 3

Giới thiệu Các ngôn ng s d ng trong thi t k webữ sử dụng trong thiết kế web ử dụng trong thiết kế web ụng trong thiết kế webết kế webết kế web

+ Ngôn ngữ đánh dấu Hyper Text Markup Language (hay HTML Mới nhất là HTML5)

+ Cấu trúc Cascading Style Sheet (hay CSS mới nhất là CSS5)

+ Ngôn ngữ Active Server Page (hay ASP mới nhất ASP.NET)

+ Ngôn ngữ PHP Hypertext Preprocessor (hay PHP, mới nhất là PHP5 sử dụng lập trình phía Server)

+ Ngôn ngữ JavaScript (lập trình sự kiện)+ Ngôn ngữ Java Server Page (hay JSP)

Trang 4

CHƯƠNG 1: NGÔN NGỮ HTML

 1.1 Gi i thi u v ngôn ng HTMLới thiệu về ngôn ngữ HTMLệu về ngôn ngữ HTMLề ngôn ngữ HTMLữ sử dụng trong thiết kế web

 HTML vi t t t c a HyperText Mark-up Language ết kế web ắt của HyperText Mark-up Language ủa HyperText Mark-up Language (ngôn ng đánh d u siêu văn b n).ữ sử dụng trong thiết kế webấu siêu văn bản).ản).

 M t tài li u HTML là m t t p tin văn b n trong đó ột tài liệu HTML là một tệp tin văn bản trong đó ệu về ngôn ngữ HTMLột tài liệu HTML là một tệp tin văn bản trong đó ệu về ngôn ngữ HTMLản).có s d ng các th HTML đ qui đ nh cách th c ử dụng trong thiết kế web ụng trong thiết kế webẻ HTML để qui định cách thức ể qui định cách thức ịnh cách thức ức hi n th văn b n khi nó để qui định cách thức ịnh cách thức ản).ược hiển thị bởi một c hi n th b i m t ể qui định cách thức ịnh cách thức ởi một ột tài liệu HTML là một tệp tin văn bản trong đó trình duy t web.ệu về ngôn ngữ HTML

 Có th s d ng b t kỳ trình so n th o nào đ ể qui định cách thức ử dụng trong thiết kế web ụng trong thiết kế webấu siêu văn bản).ạn thảo nào để ản).ể qui định cách thức

nhiên có m t s trình so n th o chuyên nghi p ột tài liệu HTML là một tệp tin văn bản trong đó ố trình soạn thảo chuyên nghiệp ạn thảo nào để ản).ệu về ngôn ngữ HTML

Trang 5

Cấu trúc chung của một thẻ HTML

 - TagName: tên tag HTML, li n v i d u “< “, không có ề ngôn ngữ HTMLới thiệu về ngôn ngữ HTML ấu siêu văn bản).kho ng tr ngản).ắt của HyperText Mark-up Language

 - Object:đ i tố trình soạn thảo chuyên nghiệp ược hiển thị bởi một ng hi n th trên trang Webể qui định cách thức ịnh cách thức

 - ListPropeties: danh sách thu c tính c a Tag N u có ột tài liệu HTML là một tệp tin văn bản trong đó ủa HyperText Mark-up Language ết kế webnhi u thu c tính thì các thu c tính cách nhau kho ng ề ngôn ngữ HTMLột tài liệu HTML là một tệp tin văn bản trong đó ột tài liệu HTML là một tệp tin văn bản trong đó ản).

tr ngắt của HyperText Mark-up Language

Trang 6

Ví dụ

 N i dung ột tài liệu HTML là một tệp tin văn bản trong đó

Trang 7

C u trúc c a trang webấu siêu văn bản).ủa HyperText Mark-up Language

 M t trang HTML có c u trúc nh sau:ột tài liệu HTML là một tệp tin văn bản trong đó ấu siêu văn bản) ư

 <HTML> <! Th m HTML.ẻ HTML để qui định cách thức ởi một

 <HEAD> <! Th m ph n tiêu đ ẻ HTML để qui định cách thức ởi một ần tiêu đề ề ngôn ngữ HTML

 N i dung thông tin, gi i thi u c a trang webột tài liệu HTML là một tệp tin văn bản trong đó ới thiệu về ngôn ngữ HTML ệu về ngôn ngữ HTML ủa HyperText Mark-up Language

 </HEAD> <! Th đóng ph n tiêu đ ẻ HTML để qui định cách thức ần tiêu đề ề ngôn ngữ HTML

 <BODY> <! Th m ph n n i dungẻ HTML để qui định cách thức ởi một ần tiêu đề ột tài liệu HTML là một tệp tin văn bản trong đó

 N i dung hi n th trên trình duy tột tài liệu HTML là một tệp tin văn bản trong đó ể qui định cách thức ịnh cách thức ệu về ngôn ngữ HTML

 </BODY> <! Th đóng ph n n i dungẻ HTML để qui định cách thức ần tiêu đề ột tài liệu HTML là một tệp tin văn bản trong đó

 </HTML><! Th đóng HTML.ẻ HTML để qui định cách thức

 Trong các th trên, th HTML là b t bu c ph i có, n u không ẻ HTML để qui định cách thức ẻ HTML để qui định cách thức ắt của HyperText Mark-up Language ột tài liệu HTML là một tệp tin văn bản trong đó ản) ết kế webtrình duy t s không hi u đây là trang web.ệu về ngôn ngữ HTML ẽ không hiểu đây là trang web ể qui định cách thức

Trang 8

1.2 Các th l nh đ nh d ng ẻ HTML để qui định cách thức ệu về ngôn ngữ HTMLịnh cách thức ạn thảo nào để

 1.2.1 Th đ nh d ng đ m cẻ HTML để qui định cách thức ịnh cách thức ạn thảo nào để ề ngôn ngữ HTML ụng trong thiết kế web

 Đ nh d ng đ m c c p 1: <H1> … </H1>ịnh cách thức ạn thảo nào để ề ngôn ngữ HTML ụng trong thiết kế webấu siêu văn bản).

 Đ nh d ng đ m c c p 2: <H2> … </H2>ịnh cách thức ạn thảo nào để ề ngôn ngữ HTML ụng trong thiết kế webấu siêu văn bản).

 Đ nh d ng đ m c c p 3: <H3> … </H3>ịnh cách thức ạn thảo nào để ề ngôn ngữ HTML ụng trong thiết kế webấu siêu văn bản).

 Đ nh d ng đ m c c p 4: <H4> … </H4>ịnh cách thức ạn thảo nào để ề ngôn ngữ HTML ụng trong thiết kế webấu siêu văn bản).

 Đ nh d ng đ m c c p 5: <H5> … </H5>ịnh cách thức ạn thảo nào để ề ngôn ngữ HTML ụng trong thiết kế webấu siêu văn bản).

 Đ nh d ng đ m c c p 6: <H6> … </H6>ịnh cách thức ạn thảo nào để ề ngôn ngữ HTML ụng trong thiết kế webấu siêu văn bản).

Trang 9

 1.2.2 Th Pẻ HTML để qui định cách thức

 Đ nh d ng kh iịnh cách thức ạn thảo nào để ố trình soạn thảo chuyên nghiệp

 C u trúc ấu siêu văn bản) <p [thu c tính]> Kh i văn b n ột tài liệu HTML là một tệp tin văn bản trong đó ố trình soạn thảo chuyên nghiệp ản).</p>

Trang 11

 1.2.4 Th đ nh d ng danh sáchẻ HTML để qui định cách thức ịnh cách thức ạn thảo nào để

 Danh sách thông thườngng

 Cú pháp:

 <UL Type= Shape1>

 <LI Type= Shape 2> N i dung 1 ột tài liệu HTML là một tệp tin văn bản trong đó

 <LI Type= Shape 2> N i dung 2ột tài liệu HTML là một tệp tin văn bản trong đó

 </UL>

 Các lo i shape:ạn thảo nào để

 Circle: Bullet tròn, r ngổng

 Disc: Bullet tròn không r ngỗng

Trang 12

Danh sách có đ nh d ngịnh cách thức ạn thảo nào để

Cú pháp:<OL Type=x Start =n >

<LI Type =x1 Value=m> N i dung 1ột tài liệu HTML là một tệp tin văn bản trong đó

<LI Type =x1 Value=m> N i dung 2ột tài liệu HTML là một tệp tin văn bản trong đó

</OL>

Trong đó:- x: lo i ký t mu n s d ng trong danh sách g m :ạn thảo nào để ự muốn sử dụng trong danh sách gồm :ố trình soạn thảo chuyên nghiệp ử dụng trong thiết kế web ụng trong thiết kế webồn + A: Ch hoaữ sử dụng trong thiết kế web

+ a: Ch thữ sử dụng trong thiết kế webườngng+ I: S la mã hoaố trình soạn thảo chuyên nghiệp + i: S la mã thố trình soạn thảo chuyên nghiệp ườngng+ 1: Cho s m c đ nhố trình soạn thảo chuyên nghiệp ặc địnhịnh cách thức - n: giá tr đ u tiên c a danh sáchịnh cách thức ần tiêu đề.ủa HyperText Mark-up Language - x1: là lo i ký t s d ng cho dòng này và dòng ti p theo, làm m t nh hạn thảo nào để ự muốn sử dụng trong danh sách gồm : ử dụng trong thiết kế web ụng trong thiết kế webết kế webấu siêu văn bản) ản).ưởi một ng c a xủa HyperText Mark-up Language - m: giá tr đ u tiên c a dòng này, làm thay đ i giá tr c a nịnh cách thức ần tiêu đề.ủa HyperText Mark-up Language ổngịnh cách thức ủa HyperText Mark-up Language

Trang 13

CÁC THẺ ĐỊNH DẠNG KÝ TỰ

 Các th đ nh d ng in ký tẻ HTML để qui định cách thức ịnh cách thức ạn thảo nào để ự muốn sử dụng trong danh sách gồm :

Ch in đ m: th <b> … </b> ho c <strong> … </strong>ữ sử dụng trong thiết kế web ậm: thẻ <b> … </b> hoặc <strong> … </strong> ẻ HTML để qui định cách thức ặc định

Ch in nghiêng: th <i> … </i> ho c <em> … </em>ữ sử dụng trong thiết kế web ẻ HTML để qui định cách thức ặc định

Ch g ch chân: <u> … </u>ữ sử dụng trong thiết kế web ạn thảo nào để

Ch g ch ngang: <s> … </s>ữ sử dụng trong thiết kế web ạn thảo nào để

Đ nh ch s trên, ch s dịnh cách thức ỉ số trên, chỉ số dưới: ố trình soạn thảo chuyên nghiệp ỉ số trên, chỉ số dưới: ố trình soạn thảo chuyên nghiệp ưới thiệu về ngôn ngữ HTMLi:

 <sup> … </sup> ch s trênỉ số trên, chỉ số dưới: ố trình soạn thảo chuyên nghiệp

 <sub> … </sub> ch s dỉ số trên, chỉ số dưới: ố trình soạn thảo chuyên nghiệp ưới thiệu về ngôn ngữ HTMLi

Trang 14

Màu s c trong webắt của HyperText Mark-up Language

 M t màu đột tài liệu HTML là một tệp tin văn bản trong đó ược hiển thị bởi một c t ng h p t ba thành ph n màu ổngợc hiển thị bởi một ừ ba thành phần màu ần tiêu đề.

nưới thiệu về ngôn ngữ HTMLc bi n (Blue) Trong HTML m t giá tr màu là ể qui định cách thức ột tài liệu HTML là một tệp tin văn bản trong đó ịnh cách thức m t s nguyên d ng hexa (h đ m c s 16) có ột tài liệu HTML là một tệp tin văn bản trong đó ố trình soạn thảo chuyên nghiệp ạn thảo nào để ệu về ngôn ngữ HTML ết kế webơ số 16) có ố trình soạn thảo chuyên nghiệp đ nh d ng nh sau: #RRGGBBịnh cách thức ạn thảo nào để ư

 RR - là giá tr màu Đ ịnh cách thức ỏ (Red), Xanh lá cây (Green), Xanh

 BB - là giá tr màu Xanh nịnh cách thức ưới thiệu về ngôn ngữ HTMLc bi n.ể qui định cách thức

 Màu s c có th đắt của HyperText Mark-up Language ể qui định cách thức ược hiển thị bởi một c xác đ nh qua thu c tính ịnh cách thức ột tài liệu HTML là một tệp tin văn bản trong đó bgcolor= hay color= Sau d u b ng có th là giá tr ấu siêu văn bản).ằng có thể là giá trị ể qui định cách thức ịnh cách thức RGB hay tên ti ng Anh c a màu V i tên ti ng ết kế webủa HyperText Mark-up Language ới thiệu về ngôn ngữ HTMLết kế web

Anh, ta ch có th ch ra 16 màu trong khi v i giá ỉ số trên, chỉ số dưới:ể qui định cách thức ỉ số trên, chỉ số dưới:ới thiệu về ngôn ngữ HTMLtr RGB ta có th ch t i 256 màu.ịnh cách thức ể qui định cách thức ỉ số trên, chỉ số dưới: ới thiệu về ngôn ngữ HTML

Trang 15

B NG MÃ MÀUẢNG MÃ MÀU Màu sắc Giá trị Tên tiếng Anh

Đỏ Đỏ sẫm Xanh lá cây Xanh nhạt Xanh nước biển Vàng

Vàng nhạt Trắng Đen Xám Nâu Tím Tím nhạt Hồng Da cam Màu đồng phục hải quân

#FF0000 #8B0000 #00FF00 #90EE90 #0000FF #FFFF00 #FFFFE0 #FFFFFF #000000 #808080 #A52A2A #FF00FF #EE82EE #FFC0CB #FFA500 #000080 #4169E1 #7FFFD4

RED DARKRED GREEN LIGHTGREEN BLUE

YELLOW LIGHTYELLOW WHITE

BLACK GRAY BROWN MAGENTA VIOLET PINK ORANGE NAVY ROYALBLUE AQUAMARINE

Trang 16

THẺ ĐỊNH FONT CHỮ, CỠ CHỮ

<BODY BGCOLOR= ‘lavender’ >

<H2><FONT COLOR = ‘LIMEGREEN’>Welcome to <HTML>

HTML</FONT></H2>

<P><FONT COLOR = ‘RED’>This is good fun</FONT></P>

</BODY>

</HTML>

Trang 17

 Thu c tính Align: canh lột tài liệu HTML là một tệp tin văn bản trong đó ề ngôn ngữ HTML

 Left: canh l tráiề ngôn ngữ HTML

 Right: canh l ph iề ngôn ngữ HTML ản)

 Center: Canh l gi aề ngôn ngữ HTML ữ sử dụng trong thiết kế web

 Justify: Canh l hai bên.ề ngôn ngữ HTML

Trang 18

1.3 Các thẻ lệnh liên kết

 1.3.1 Liên k t n i bết kế web ột tài liệu HTML là một tệp tin văn bản trong đó ột tài liệu HTML là một tệp tin văn bản trong đó

 Liên k t đ n m t v trí nào đó trong cùng trang web.ết kế web ết kế web ột tài liệu HTML là một tệp tin văn bản trong đó ịnh cách thức

 C u trúc:ấu siêu văn bản)

 - Đánh d u v trí:ấu siêu văn bản) ịnh cách thức

 <a name = ‘tên bookmark’> tiêu đ </a>ề ngôn ngữ HTML

 Ph n n i dung.ần tiêu đề ột tài liệu HTML là một tệp tin văn bản trong đó

 - T o liên k t:ạn thảo nào để ết kế web

 <a href = “#tên bookmark”> nhãn liên k t </a>ết kế web

Trang 19

1.3.2 Liên kết ngoài trang web

 C u trúc:ấu siêu văn bản)

 <a href = “Đ a ch liên k t”> nhãn liên k t </a>ịnh cách thức ỉ số trên, chỉ số dưới: ết kế web ết kế web

 Vd: Liên k t t i file web.html cùng th m c.ết kế web ới thiệu về ngôn ngữ HTML ư ụng trong thiết kế web

 <a href = “web.html”> Liên k t web </a>ết kế web

Trang 20

Địa chỉ tới web

 Đ a ch tịnh cách thức ỉ số trên, chỉ số dưới: ươ số 16) có ng đ i: Là đ a ch d n t i trang web n m ố trình soạn thảo chuyên nghiệp ịnh cách thức ỉ số trên, chỉ số dưới: ẫn tới trang web nằm ới thiệu về ngôn ngữ HTML ằng có thể là giá trị trong th m c g c ch a trang web.ư ụng trong thiết kế web ố trình soạn thảo chuyên nghiệp ức

Trang 21

 Liên k t các trang web có c u trúc sau:ết kế web ấu siêu văn bản).

Trang 22

1.3.3 Liên k t mailtoết kế web

Trang 23

1.4 Các thẻ đa phương tiện

 1.4.1 Chèn hình nh vào trang webản)

 <IMG Src = “URL” >

 URL: Là đ a ch d n t i file nh Gi ng nh liên k t ịnh cách thức ỉ số trên, chỉ số dưới: ẫn tới trang web nằm ới thiệu về ngôn ngữ HTML ản) ố trình soạn thảo chuyên nghiệp ư ết kế webweb, tùy vào v trí file nh đ vi t URL.ịnh cách thức ản) ể qui định cách thức ết kế web

Trang 24

Các thuộc tính của thẻ IMG

 Thu c tính Align: Căn hàng văn b n bao quanh nh.ột tài liệu HTML là một tệp tin văn bản trong đó ản) ản)

 Align = “TOP” : Văn b n n m phía trên nhản) ằng có thể là giá trị ản)

 Align = “BOTTOM”: Văn b n n m phía dản) ằng có thể là giá trị ưới thiệu về ngôn ngữ HTML ản).i nh

 Align = “MIDDLE”: Văn b n n m chính gi a nhản) ằng có thể là giá trị ữ sử dụng trong thiết kế web ản)

 Align = “LEFT”: Văn b n n m bên ph i nh.ản) ằng có thể là giá trị ản) ản)

 Align = “RIGHT”: Văn b n n m bên trái nhản) ằng có thể là giá trị ản)

 Ví d : <img src = “image.gif” align = “left”> ụng trong thiết kế web

Trang 25

Thuộc tính ALT

 Thu c tính s hi n lên dòng văn b n khi di chuy n ột tài liệu HTML là một tệp tin văn bản trong đó ẽ không hiểu đây là trang web ệu về ngôn ngữ HTML ản) ể qui định cách thức chu t vào vùng nh, n u nh không đột tài liệu HTML là một tệp tin văn bản trong đó ản) ết kế web ản) ược hiển thị bởi một c load lên trình duy t thì dòn văn b n s thay th nh.ệu về ngôn ngữ HTML ản) ẽ không hiểu đây là trang web ết kế web ản)

 Alt = “Dòng văn b n”ản)

 Vd: <img src = “image.gif” alt = “Trà chanh”>

Trang 26

Thu c tính BORDERột tài liệu HTML là một tệp tin văn bản trong đó

Border = n : Đ t kích thặc địnhưới thiệu về ngôn ngữ HTMLc đườngng vi n đề ngôn ngữ HTMLược hiển thị bởi một c v quanh nh ẽ không hiểu đây là trang web.ản).(tính theo pixel)

Vd:

<img src = “image.gif” border = 3> Đườngng vi n nh dày 3 pixelề ngôn ngữ HTML ản).

Thu c tính WIDTH/HEIGHTột tài liệu HTML là một tệp tin văn bản trong đó

Width = x : Đ nh đ r ng c a nh r ng x pixel (x có th là %)ịnh cách thức ột tài liệu HTML là một tệp tin văn bản trong đó ột tài liệu HTML là một tệp tin văn bản trong đó ủa HyperText Mark-up Language ản).ột tài liệu HTML là một tệp tin văn bản trong đó ể qui định cách thức

Height = y: Đ nh đ cao c a nh cai y pixel (y có th là %)ịnh cách thức ột tài liệu HTML là một tệp tin văn bản trong đó ủa HyperText Mark-up Language ản).ể qui định cách thức

Vd: <img src = “image.gif” width = 300 height = 400>

<img src = “image.gif” width = 100% height = 30%>

Trang 27

 Thu c tính HSPACE/VSPACEột tài liệu HTML là một tệp tin văn bản trong đó

 Ch đ nh kho ng tr ng xung quanh hình nh (tính theo ỉ số trên, chỉ số dưới: ịnh cách thức ản) ố trình soạn thảo chuyên nghiệp ản).pixel) theo b n phía trên, dố trình soạn thảo chuyên nghiệp ưới thiệu về ngôn ngữ HTMLi, trái, ph i.ản)

Trang 28

Th HRẻ HTML để qui định cách thức

ALIGNCăn l (căn trái, căn ph i, căn gi a)ề ngôn ngữ HTMLản).ữ sử dụng trong thiết kế webCOLORĐ t màu cho đặc địnhườngng th ngẳng

NOSHADEKhông có bóngSIZEĐ dày c a đột tài liệu HTML là một tệp tin văn bản trong đó ủa HyperText Mark-up Language ườngng th ngẳngWIDTHChi u dài (tính theo pixel ho c % c a b r ng c a s ề ngôn ngữ HTMLặc địnhủa HyperText Mark-up Language ề ngôn ngữ HTML ột tài liệu HTML là một tệp tin văn bản trong đó ử dụng trong thiết kế webổng

trình duy t).ệu về ngôn ngữ HTML

Trang 30

1.4.2 chèn âm thanh vào trang web.

 url: Đườngng d n đ n file âm thanh.ẫn tới trang web nằm ết kế web

 N: S l n l p l i khi phát nh c.ố trình soạn thảo chuyên nghiệp ần tiêu đề ặc định ạn thảo nào để ạn thảo nào để

 Chú ý Khi dùng th bgsound thì không th đi u khi n ẻ HTML để qui định cách thức ể qui định cách thức ề ngôn ngữ HTML ể qui định cách thức (stop, play) được hiển thị bởi một c nh c trên web Vì v y bgsound có th ạn thảo nào để ậm: thẻ <b> … </b> hoặc <strong> … </strong> ể qui định cách thức dùng làm nh c n n cho webạn thảo nào để ề ngôn ngữ HTML

Trang 31

1.4.3 Chèn video vào trang web

url: đườngng d n t i file âm thanhẫn tới trang web nằm ới thiệu về ngôn ngữ HTML

x, y là chi u r ng, chi u cao tính b ng Pixelề ngôn ngữ HTMLột tài liệu HTML là một tệp tin văn bản trong đó ề ngôn ngữ HTMLằng có thể là giá trị

z, t có th là true ho c falseể qui định cách thức ặc định

Chú ý Th embed cũng có th chèn các file ch c vào trang ẻ HTML để qui định cách thức ể qui định cách thức ạn thảo nào để web và có th đi u khi n để qui định cách thức ề ngôn ngữ HTMLể qui định cách thức ược hiển thị bởi một c.

Trang 33

1.5 Thẻ định dạng bảng biểu

 B ng thản) ườngng được hiển thị bởi một c s d ng đ t o các văn b n ử dụng trong thiết kế web ụng trong thiết kế web ể qui định cách thức ạn thảo nào để ản).d ng nhi u c t ho c phân chia trang thành nhi u vùng ạn thảo nào để ề ngôn ngữ HTML ột tài liệu HTML là một tệp tin văn bản trong đó ặc định ề ngôn ngữ HTMLkhác nhau v i nh ng ch đ khác nhau, r t ti n l i ới thiệu về ngôn ngữ HTML ữ sử dụng trong thiết kế web ủa HyperText Mark-up Language ề ngôn ngữ HTML ấu siêu văn bản) ệu về ngôn ngữ HTML ợc hiển thị bởi một trong thi t k và trình bày trang webết kế web ết kế web

Trang 34

 Cách t o b ng:ạn thảo nào để ản).

 Th <table> </table> : ch th m t b ngẻ HTML để qui định cách thức ỉ số trên, chỉ số dưới: ịnh cách thức ột tài liệu HTML là một tệp tin văn bản trong đó ản)

 Th <tr>……</tr> : xác đ nh m t dòng c a b ngẻ HTML để qui định cách thức ịnh cách thức ột tài liệu HTML là một tệp tin văn bản trong đó ủa HyperText Mark-up Language ản)

 Th <td>……</td>: xác đ nh m t ô ch a d li u c a b ng D li u ẻ HTML để qui định cách thức ịnh cách thức ột tài liệu HTML là một tệp tin văn bản trong đó ức ữ sử dụng trong thiết kế web ệu về ngôn ngữ HTML ủa HyperText Mark-up Language ản) ữ sử dụng trong thiết kế web ệu về ngôn ngữ HTMLtrong ô có th là văn b n ho c hình nh…ể qui định cách thức ản) ặc định ản)

Trang 35

Cú pháp:

<TABLE ><TR><TD>N i dung trong ô 1</TD>ột tài liệu HTML là một tệp tin văn bản trong đó <TD>N i dung trong ô 2</TD>ột tài liệu HTML là một tệp tin văn bản trong đó …

<TD>N i dung trong ô n</TD>ột tài liệu HTML là một tệp tin văn bản trong đó </TR>

<TR><TD>N i dung trong ô 1</TD>ột tài liệu HTML là một tệp tin văn bản trong đó <TD>N i dung trong ô 2</TD>ột tài liệu HTML là một tệp tin văn bản trong đó …

<TD>N i dung trong ô n</TD>ột tài liệu HTML là một tệp tin văn bản trong đó </TR>

…

Trang 36

ALIGN / VALIGN Căn lề cho bảng và nội dung trong mỗi

ô BORDER Kích thước đường kẻ chia ô trong bảng,

được đo theo pixel Giá trị 0 có nghĩa là không xác định lề, giữa các ô trong bảng chỉ có một khoảng trắng nhỏ để phân biệt Nếu chỉ để border thì ngầm định border=1 Với những bảng có cấu trúc phức tạp, nên đặt lề để người xem có thể phân biệt rõ các dòng và cột BORDERCOLOR Màu đường kẻ

BORDERCOLORDARK BORDERCOLORLIGHT

Màu phía tối và phía sáng cho đường kẻ nổi

BACKGROUND Địa chỉ tới tệp ảnh dùng làm nền cho bảng BGCOLOR Màu nền

CELLSPACING Khoảng cách giữa các ô trong bảng CELLPADDING Khoảng cách giữa nội dung và đường

kẻ trong mỗi ô của bảng COLSPAN Chỉ định ô sẽ kéo dài trong bao nhiêu cột ROWSPAN Chỉ định ô sẽ kéo dài trong bao nhiêu hàng

Trang 37

 K t h p các c t hay dòngết kế web ợc hiển thị bởi một ột tài liệu HTML là một tệp tin văn bản trong đó

 Thu c tính Colspan và rowspan dùng đ k t h p ột tài liệu HTML là một tệp tin văn bản trong đó ể qui định cách thức ết kế web ợc hiển thị bởi một các ô Thu c tính COLSPAN đột tài liệu HTML là một tệp tin văn bản trong đó ược hiển thị bởi một c s d ng v i th <TH>, ử dụng trong thiết kế web ụng trong thiết kế web ới thiệu về ngôn ngữ HTML ẻ HTML để qui định cách thức trong khi đó thu c tính ROWSPAN đột tài liệu HTML là một tệp tin văn bản trong đó ược hiển thị bởi một c s d ng v i th ử dụng trong thiết kế web ụng trong thiết kế web ới thiệu về ngôn ngữ HTML ẻ HTML để qui định cách thức <TD>

Trang 38

Bài tập

Trang 39

1.5 Các thẻ tạo form

 Thu th p thông tin c a ngậm: thẻ <b> … </b> hoặc <strong> … </strong>ủa HyperText Mark-up Language ườngi dung web

 Tươ số 16) có ng tác v i ngới thiệu về ngôn ngữ HTMLườngi dung

Trang 40

1.5.1 T o formạn thảo nào để

Ngày đăng: 21/09/2024, 07:48

TỪ KHÓA LIÊN QUAN