HTML và HTML 5 Session 2

Border=n: đặt độ rộng đường viền, với n>0 bảng có khung viềnBgcolor=“giá_trị_màu”: đặt màu nền cho bảng. Giá trị ở hệ thập lục phânWidth, Height: Đặt kích thước chiều rộng, chiều cao cho bảng.CellSpacing: khoảng giữa các ô trong bảngCellPadding: là khoảng câch giữa đường viền của ô với nội dung văn bản được đặt trong ô ……

Session Danh sách Bảng Biểu mẫu Form Giới thiệu HTML5 Một số thành phần HTML5 • Danh sách không thứ tự • Danh sách có thứ tự • Danh sách định nghĩa Days in a Week Days in a Week: Monday Tuesday Wednesday Thursday Friday • Upper Roman – • Lower Roman – • Uppercase – • Lowercase – • Bắt đầu với môôt số khác – [ Măôc định ] Wild Animals Wild Animals Lion Tiger Leopard Wolf • bullets hình vuông • bullets hình đĩa • bullets hình tròn Learning HTML Sunday The first day of the week HTML HyperText Markup Language Internet A network of networks • Phần tử TABLE cho phép bạn trình bày liệu theo dạng bảng. • Cấu trúc bảng gồm có dòng (row), cột (column), ô (cell) giao dòng cột. • … : Phần tử tạo bảng • … : Tạo dòng thích để mô tả bảng. Được đặt sau thẻ mở • … : Phần tử tạo dòng cho bảng • … : Phần tử tạo ô cho dòng • … : Tạo tiêu đề cho cột, cho dòng • Phần tử INPUT – – – – – – – TYPE NAME VALUE SIZE MAXLENGTH CHECKED SRC • • • • • • • TEXT [ Default ] CHECKBOX RADIO SUBMIT RESET IMAGE BUTTON • Phần tử TextArea – cols – rows – Size – type – Value • Phần tử BUTTON – name – value – type • Phần tử SELECT – Name – size – Multiple • Phần tử LABEL • Điều khiển phần tử – – – – Thiết lâôp tiêu điểm Thứ tự Tab Phím truy nhâôp (phím tắt) Vô hiêôu hóa phần tử 26 Cung cấp tính CSS chọn nâng cao, drop-shadows … Cung câp nhiều tính cho ứng dụng mobile Giúp loại bỏ plug-in sử dụng hỗ trợ gốc cho âm video Các điều khiển Form Cung cấp tính lưu trữ caching phía client HTML Sử dụng tính worker web để làm cho JavaScript hiệu Giúp tạo client sử dụng Internet phong phú với plug-in Flash Cung cấp mô tả ngữ nghĩa 27 HTML Semantic HTML Input HTML Graphics HTML Video/Audio HTML Geolocation HTML Drag and Drop HTML Local Storage HTML Application Cache HTML Web Workers HTML SSE                 31  color  date  datetime  datetime-local  email  Month        number range search tel time url week 32 Cho : autocomplete novalidate Cho : autocomplete autofocus form formaction formenctype formmethod Formnovalidate formtarget height and width list min and max multiple pattern (regexp) placeholder required step  • HTML Canvas • HTML SVG 34 • • • • • HTML Media HTML Video HTML Audio HTML Plugin HTML Youtube 35 • • • • • • HTML Geolocation HTML Drap/Drop HTML Local Storage HTML App Cache HTML Web workers HTML SSE 36 [...]... JavaScript hiệu quả hơn Giúp tạo ra client sử dụng Internet phong phú với các plug-in như Flash Cung cấp mô tả về ngữ nghĩa 27 HTML 5 Semantic HTML 5 Input HTML 5 Graphics HTML 5 Video/Audio HTML Geolocation HTML Drag and Drop HTML Local Storage HTML Application Cache HTML Web Workers HTML SSE            ... week 32 Cho : autocomplete novalidate Cho : autocomplete autofocus form formaction formenctype formmethod Formnovalidate formtarget height and width list min and max multiple pattern (regexp) placeholder required step  • HTML Canvas • HTML SVG 34 • • • • • HTML Media HTML Video HTML Audio HTML Plugin HTML Youtube 35 • • • • • • HTML Geolocation HTML Drap/Drop HTML Local... • Thuộc tính COLSPAN và ROWSPAN của phần tử TD và TH được sử dụng để mở rộng một ô ra hơn một dòng hay cột – Rowspan=n: ghép n ô nằm trên cùng một cột – Colspan=n: ghép n ô nằm trên cùng một hàng • Ví dụ cell cell rowspan=3 cell cell colspan =2 colspan =2 ... Tab Phím truy nhâôp (phím tắt) Vô hiêôu hóa phần tử 26 Cung cấp những tính năng mới trong CSS như các bộ chọn nâng cao, drop-shadows … Cung câp nhiều tính năng mới cho các ứng dụng mobile Giúp loại bỏ các plug-in và sử dụng sự hỗ trợ gốc cho âm thanh và video Các điều khiển Form mới Cung cấp những tính năng lưu trữ và caching ở phía client HTML 5 Sử dụng tính năng worker web để làm cho JavaScript...• Ví dụ TABLE Column 1 Column 2 Cell 1, Rows 1 Cell 2, Rows 1 Cell 1, Rows 2 Cell 2, Rows 2 • Border=n: đặt độ rộng đường viền, với n>0 bảng có khung viền • Bgcolor=“giá_trị_màu”: đặt màu nền cho bảng Giá trị ở hệ thập... 92% • Sử dụng biểu mẫu – Thu thâôp tên, địa chỉ, số điêôn thoại, địa chỉ e-mail và các thông tin khác để người dùng đăng ký vào môôt dịch vụ nào đó – Tâôp hợp thông tin dùng để đăng ký mua môôt măôt hàng nào đó, ví dụ, khi muốn mua môôt cuốn sách trên Internet, ta phải điền tên, địa chỉ gửi thư qua bưu điêôn, phương thức thanh toán và các thông tin... chân tiêu đề – TBODY định nghĩa vùng thân của bảng • Ví dụ Student Name Grand Total (Out of 50 0) Percentage Total Student 4 John 450 90% Linda 400... placeholder required step  • HTML Canvas • HTML SVG 34 • • • • • HTML Media HTML Video HTML Audio HTML Plugin HTML Youtube 35 • • • • • • HTML Geolocation HTML Drap/Drop HTML Local Storage HTML App Cache HTML Web workers HTML SSE 36 ... Đặt kích thước chiều rộng, chiều cao cho bảng • CellSpacing: khoảng giữa các ô trong bảng • CellPadding: là khoảng câch giữa đường viền của ô với nội dung văn bản được đặt trong ô …… • valign : canh lề nội dung trong ô theo chiều dọc Giá trị cho thuộc tính này gồm: top, middle, bottom • align : canh lề nội dung theo chiều ngang  Align . !"#$ % &'() % *() % +,- ./ .01/ . 2 0/3 455 &.6 2 0/ .601/ .78/ .9/3 455 &:.69/ .7/ . 2/ ;3 . 2/  5 ;3 . 2/ 45; 5 ;3 . 2/ ;3 . 2/ ;3 .67/ .678/ .6/ % <"" ;5 = >. .7D1=@/EF C +,G ./ .01/ . 2 0/4H;1H.6 2 0/ .601/ .78/ .9/4H;1H.69/ .</ . 2/  . 2/  5 . 2/ 5 "; . 2/ 4HI .6</ .678/ .6/ % . 2 8?0@DJ<1=0/KHH5L' % . 2 8?0@2DM/KHH5L+-  % . 2 8?0@M2=M0/KHH5LN ./ .01/ . 2 0/ 5 .6 2 0/ .601/ .78/ ./ ./D;3 ./ 5 I;3I 5 A 55& amp; ./ ./3" ;5 5O&" 5 . /2 5 5 ./1 5 A&I 5 A& .6/ .678/ .6/ % ?#P10"Q"KR*LK!3;S H 5 ;RKT % MUVKW*;NXAYZXHYZ !'X5HHYH!$;N!T % <TABLE>. .7D1=@/EF C +,G ./ .01/ . 2 0/4H;1H.6 2 0/ .601/ .78/ .9/4H;1H.69/ .</ . 2/  . 2/  5 . 2/ 5 "; . 2/ 4HI .6</ .678/ .6/ % . 2 8?0@DJ<1=0/KHH5L' %