Giải thích thẻ headingDanh sáchDanh sách có thứ tự (Ordered Lists)Danh sách không thứ tự (Unordered Lists)Danh sách định nghĩa (Definition Lists)BảngNội dung văn bản của trang web, hình thành một phần quan trọng của một web site.
NexTGen Web Bài 03: Định dạng van thẻ Mục tiêu Giải thích thẻ heading Danh sách Danh sách có thứ tự (Ordered Lists) Danh sách không thứ tự (Unordered Lists) Danh sách định nghĩa (Definition Lists) Bảng © Aptech Ltd. Giới thiệu Nội dung văn trang web, hình thành phần quan trọng web site. Văn không cung cấp tin tức mà phải lôi cuốn, dễ đọc, câu nên ngắn gọn cô đọng cho người dùng web dễ hiểu. Để lôi ý người dùng, cần cung cấp tiêu đề(heading) phù hợp, áp dụng tùy chọn định dạng văn in đậm, in nghiêng, superscript, subscript. Màu ảnh trang web HTML. © Aptech Ltd. Các phần tử tiêu đề 1-2 Các phần tử heading định nghĩa tiêu đề cho nội dung văn hình ảnh. Xác định cấu trúc phân cấp trang web cách nhóm nội dung. HTML xác định sáu mức độ nhóm khác nhau, từ H1 đến H6. H1 tiêu đề cấp cao hiển thị với kích thước font chữ lớn H6 tiêu đề mức thấp hiển thị với kích thước phông chữ nhỏ © Aptech Ltd. Các phần tử tiêu đề 2-2 Phần tử Heading định nghĩa tiêu đề cho văn hình ảnh. Introduction to HTML H1 H2 H3 H4 H5 H6 © Aptech Ltd. Heading Heading Heading Heading Heading Heading Phần tử HGROUP Tạo phác thảo tài liệu phần tử xác định HTML5 Phần tử HGROUP Nhóm tập hợp phần tử H1 đến H6 Title of Post One Subtitle of Post One © Aptech Ltd. Sử dụng cho tiêu đề phụ nhiều cấp độ phân nhóm, tiêu đề thay thế, hiệu vv Các phần tử text Có phần tử text P BR HR PRE © Aptech Ltd. Các phần tử định dạng Phần tử định dạng cho phép điều khiển nội dung trang Web hiển thị trình duyệt theo nhiều kiểu dạng khác nhau. Gồm phần tử sau: B Big I SMALL U Using HTML Formatting Elements This text is displayed in bold. This text is displayed in larger. This text is displayed in italic. This text is underlined. This text is displayed smaller. © Aptech Ltd. Các phần tử định dạng Một số phần tử định dạng khác DEL INS STRONG SUB SUP © Aptech Ltd. Định dạng khối-blockquote Thẻ tạo đoạn thụt vào so với lề trình duyệt. Xem đoạn mã sau thẻ . "When one door closes, another opens; but we often look so long and so regretfully upon the closed door that we not see the one which has opened for us." -Alexander Graham Bell © Aptech Ltd. Monospaced Preformatted Text © Aptech Ltd. Monospaced and Preformatted Text 2-2 Following table lists some of the predefined tags and their description. Tag Description Used for emphasized text Used for definition term Used for computer code Used for sample output from a computer program Used for citation © Aptech Ltd. Thuộc tính style Một style (kiểu dáng) cách để rõ hình thức trình bày nội dung trực quan như: màu sắc, font chữ, cỡ chữ, đường viền. Thuộc tính style dùng thẻ mở hầu hết thẻ. Cách dùng: © Aptech Ltd. Màu màu chữ Có thể thiết lập màu cho văn màu trang Web thuộc tính style sau: Giá trị màu dùng tên màu, giá trị hệ Hexa, giá trị RGB Có kiểu màu chính: RGB – Red(đỏ), Green(xanh), Xanh da trời(Blue) Mỗi màu xem hai số hệ 16. #RRGGBB Số thập lục phân 00: tương ứng với 0%, FF tương ứng với 100% © Aptech Ltd. Màu màu chữ Color Names aqua black blue gray green lime maroon navy olive purple red silver teal white yellow © Aptech Ltd. RGB Percentages rgb(0%,65%,65) rgb(0%,0%,0%) rgb(0%,32%,100) rgb(65%,65%,65%) rgb(0%,100%,0%) rgb(0%,65%,0%) rgb(70%,0%,32%) rgb(0%,0%,65%) rgb(65%,65%,0%) rgb(65%,0%,65%) rgb(100%,0%,32%) rgb(90%,90%,90%) rgb(0%,65%,100%) rgb(100%,100%,100%) rgb(100%,100%,0%) RGB Values rgb(0,160,160) rgb(0,0,0) rgb(0,80,255) rgb(160,160,160) rgb(0,255,0) rgb(0,160,0) rgb(176,0,80) rgb(0,0,160) rgb(160,160,0) rgb(160,0,160) rgb(255,0,80) rgb(225,225,255) rgb(0,160,255) rgb(255,255,255) rgb(255,255,0) Hexadecimal Values #00a0a0 #000000 #0050ff #a0a0a0 #00ff00 #00a000 #b00050 #0000a0 #a0a000 #a000a0 #ff0050 #d0d0d0 #00a0ff #ffffff #ffff00 Ảnh Chọn hình ảnh kết hợp tốt trông giống hình ảnh sau ốp vào Chèn hình ảnh tảng trang web Ảnh Hình không khuyến khích màu sắc văn ẩn văn © Aptech Ltd. Chọn hình ảnh với sắc thái nhẹ Danh sách Danh sách không thứ tự Danh sách có thứ tự Danh sách định nghĩa © Aptech Ltd. Danh sách có thứ tự Days in a Week Days in a Week: Monday Tuesday Wednesday Thursday Friday © Aptech Ltd. Chọn kiểu đánh số Upper Roman Lower Roman Uppercase Lowercase Bắt đầu với một số khác [ Mặc định ] © Aptech Ltd. Danh sách không thứ tự Wild Animals Wild Animals Lion Tiger Leopard Wolf © Aptech Ltd. Chọn kiểu Bullet bullets hình vuông bullets hình đĩa bullets hình tròn © Aptech Ltd. Danh sách định nghĩa Learning HTML Sunday The first day of the week HTML HyperText Markup Language Internet A network of networks © Aptech Ltd. [...]... nhất ngay cả sau khi ốp vào Chèn một hình ảnh như là nền tảng trên một trang web Ảnh nền Hình nền không được khuyến khích như màu sắc văn bản có thể ẩn các văn bản © Aptech Ltd Chọn hình ảnh với sắc thái nhẹ hơn Danh sách Danh sách không thứ tự Danh sách có thứ tự Danh sách định nghĩa © Aptech Ltd Danh sách có thứ tự Days in a Week Days in a Week:... sắc, font chữ, cỡ chữ, đường viền Thuộc tính style được dùng trong thẻ mở của hầu hết các thẻ Cách dùng: © Aptech Ltd Màu nền và màu chữ Có thể thiết lập màu cho văn bản hoặc màu nền trong trang Web bằng thuộc tính style như sau: Giá trị màu có thể được dùng . Aptech Ltd. Các phần tử định dạng cơ bản Một số phần tử định dạng khác DEL INS STRONG SUB SUP © Aptech Ltd. 10 HTML5/ Định dạng văn bản Định dạng một khối-blockquote Thẻ <blockquote>. dụng các tùy chọn định dạng văn bản như in đậm, in nghiêng, superscript, subscript. Màu nền và ảnh nền của trang web có thể được chỉ ra bằng HTML. 3 HTML5/ Định dạng văn bản Giới thiệu © Aptech. phần tử text cơ bản P BR HR PRE © Aptech Ltd. Các phần tử định dạng cơ bản Phần tử định dạng cho phép điều khiển nội dung trang Web được hiển thị trên trình duyệt theo nhiều kiểu dạng khác nhau. Gồm