Bài giảng một số kiến thức cơ bản về code

Những câu hỏi thường gặp Q: Sau chỉnh sửa file HTML, xem kết trình duyệt Tại vậy? A: Bạn phải bạn lưu file với phần mở rộng htm html, ví dụ mypage.htm Q: Tôi thử chỉnh sửa file HTML lại không thấy thay đổi trình duyệt Tại vậy? A: Trình duyệt tự động cach trang bạn đọc trang hai lần Khi bạn thay đổi trang, trình duyệt khơng thể nhận thay đổi Sử dụng nút refresh reload trình duyệt để bắt đọc lại thay đổi bạn tạo Q: Tơi nên sử dụng trình duyệt nào? A: Bạn thực tập tất thực hành phần với trình duyệt thơng dụng Internet Explorer, Mozilla, Netscape Opera Tuy nhiên, vài ví dụ phần nâng cao địi hỏi bạn phải có phiên trình duyệt Q: Tơi bắt buộc phải sử dụng Window sao? cịn Mac sao? A: Bạn thực tập tất thực hành phần với hệ điều hành Windows Mac Tuy nhiên vài ví dụ phần nâng cao địi hỏi bạn phải có phiên Windows, Window98 Windows 2000 Thành phần HTML Các dạng thẻ HTML  Thẻ HTML dùng để viết lên thành tố HTML  Thẻ HTML bao quanh hai dấu lớn < > nhỏ  Những thẻ HTML thường có cặp giống  Thẻ thứ thẻ mở đầu thẻ thứ hai thẻ kết thúc  Dòng chữ hai thẻ bắt đầu kết thúc nội dung  Những thẻ HTML không phân biệt in hoa viết thường, ví dụ dạng nhau, Thành phần HTML Nhớ lại ví dụ HTML Viet Photoshop www.vietphotoshop.com and www.bantayden.com Photoshop and web design resources Photoshop and web design resources Thành phần HTML bắt đầu với thẻ: Nội dung là: Photoshop and web design resources Thành phần HTML kết thúc với thẻ: Mục đích thẻ để xác định thành phần HTML phải thể dạng in đậm Đây thành phần HTML: www.vietphotoshop.com and www.bantayden.com Photoshop and web design resources Phần bắt đầu thẻ bắt đầu kết thúc thẻ kết thúc Mục đích thẻ xác định thành phần HTML bao gồm nội dung tài liệu Các thuộc tính thẻ HTML Những thẻ HTML có thuộc tính riêng Những thuộc tính cung cấp thơng tin thành phần HTML trang web Tag xác định thành phần thân trang HTML: Với thuộc tính thêm vào bgcolor, bạn báo cho trình duyệt biết màu trang màu đỏ, giống sau: (#E6E6E6 giá trị hex màu) Thẻ xác định dạng bảng HTML: với thuộc tính đường viền (border), bạn báo cho trình duyệt biết bảng khơng có đường viền: Thuộc tính ln ln kèm cặp name/value: name="value" (tên="giá trị") thuộc tính ln ln thêm vào thẻ mở đầu thành phần HTML Dấu ngoặc kép, "red" 'red' Giá trị thuộc tính nên đặt dấu trích dẫn " " Kiểu ngoặc kép phổ biến hơn, nhiên kiểu đơn ' ' dùng Ví dụ vài trường hợp đặc biệt hiếm, ví dụ giá trị thuộc tính mang dấu ngoặc kép rồi, việc sử dụng ngoặc đơn cần thiết Ví du name='ban"tay"den' Cơ thẻ HTML Những thẻ quan trọng HTML thẻ xác định Heading, đoạn văn xuống dòng Headings Headings định dạng với hai thẻ đến xác định heading lớn xác định heading nhỏ Đây heading Đây heading Đây heading Đây heading Đây heading Đây heading HTML tự động thêm dòng trắng trước sau heading Đoạn văn - paragraphs Paragraphs định dạng thẻ

Đây đoạn văn

Đây đoạn văn khác

HTML tự động thêm dòng trắng trước sau heading Line Breaks - xuống dòng Thẻ sử dụng bạn muốn kết thúc dịng lại khơng muốn bắt đầu đoạn văn khác Thẻ tạo lần xuống dịng bạn viết

Đây đoạn văn với thẻ xuống hàng

Thẻ thẻ trống, khơng cần thẻ đóng dạng Lời thích HTML Thẻ thích sử dụng để thêm lời thích mã nguồn HTML Một dịng thích bỏ qua trình duyệt Bạn sử dụng thích để giải thích code bạn, để sau bạn có phải quay lại chỉnh sửa dễ nhớ Bạn cần dấu chấm than ! sau dấu nhỏ không cần dấu lớn Những thẻ HTML Tag Mô Tả Xác định văn dạng HTML Xác định phần thân tài liệu to Xác định header từ đến

Xác định đoạn văn Chèn dòng trắng Xác định đường thẳng Xác định vùng thích Một vài ví dụ Các dạng đoạn văn Ví dụ giải thích thêm vài thuộc tính đoạn văn Line breaks Ví dụ giải thích cách sử dụng thẻ xuống hàng Vấn đề với chỉnh dạng thơ Ví dụ cho bạn thấy vài vấn đề chỉnh HTML Headings Heading lề Đường thẳng ngang Lời thích ẩn Ví dụ giải thích cách thêm đoạn thích vào mã nguồn HTML Màu Định dạng chữ HTML HTML dùng để định dạng văn ta làm với Word đậm, nghiêng gạch chân Dưới vài ví dụ bạn tự thử Một vài ví dụ Text formatting Preformatted text Ví dụ giải thích cách bạn điều khiển xuống hàng khoảng trống với Pre tag "Computer output" tags Địa Ví dụ hướng dẫn bạn cách tạo địa HTML Chữ viết tắt Ví dụ hướng dẫn bạn cách sử dụng kiểu viết tắt Hướng chữ Trích dẫn Chữ bị gạch ngang chữ chèn Muốn View source làm nào? Nếu bạn muốn xem mã nguồn trang web bạn cần nhấp chuột phải > View Source bạn xem cấu trúc trang Những thẻ dùng để định dạng văn Tag Mô Tả Định dạng chữ đậm Định dạng chữ lớn Định dạng kiểu chữ nhấn mạnh Chữ in nghiêng Chữ nhỏ Chữ đậm định dạng subscripted (chữ nhỏ) Đ5inh dạng superscripted (chữ lên cao) Dạng chữ chèn thêm Dạng chữ bị xóa Hết hỗ trợ Thay Hết hỗ trợ Thay Gạch "Computer Output" Tags Tag Mô Tả Định dạng code Kiểu keyboard text Kiểu sample computer code Kiểu teletype text Kiểu a variable Kiểu preformatted text Hết hỗ trợ Dùng thay Hết hỗ trợ Dùng thay Hết hỗ trợ Dùng thay Thẻ Citations, Quotations, Definition Tag Mô Tả Kiểu tóm tắt Kiểu viết tắt Kiểu địa Kiểu chữ định hướng Kiểu trích dẫn dài Kiểu trích dẫn ngắn kiểu trích dẫn khác Kiểu định nghĩa Các ký tự đặc biệt HTML Một vài ký tự tương tự dấu nhỏ lớn > > & dấu & & " ngoắc kép " " ' ngoặc đơn ' (does not work in IE) ' Một vài ký tự khác Kết Loại Tên ký tự Số ¢ cent ¢ ¢ £ pound £ £ Ơ yen ¥ ¥ Đ section § § â copyright © © đ registered trademark ® ® ì nhân × × ÷ chia ÷ ÷ Liên kết HTML HTML sử dụng siêu liên kết để liên kết tài liệu khác trang web Ví dụ: Tạo đường siêu liên kết Ví dụ cho bạn cách tạo siêu liên kết ... trợ Thay Gạch "Computer Output" Tags Tag Mô Tả Định dạng code Kiểu keyboard text Kiểu sample computer code Kiểu teletype text Kiểu a variable Kiểu... HTML Nên bạn muốn trình duyệt hiển thị ký tự bạn phải thêm code ký tự đặc biệt Một ký tự đặc biệt có phần: Ký hiệu (&), tên ký tự dấu # dãy số cuối dấu chấm phẩy ; Để hiển thị dấu nhỏ HTML bạn phải... < Cái hay việc sử dụng tên thay sử dụng số tên dễ nhớ nhiều Nhưng dở lại khơng phải trình duyệt hỗ trợ tên này, hầu hết trình duyệt nhận dạng số Bạn nên ý ký tự đặc biệt phân biệt chữ hoa