Lập trình và Thiết kế Web 1 Khoa CNTT – ĐH.KHTN B i 3 Thiết kế trang Web – HTML Căn bản Lập trình và Thiết kế Web 1 – Bài 3 : Thiết kế trang Web – HTML Căn bản © 2007 Khoa CNTT - ĐHKHTN Nội dung Lập trình và Thiết kế Web 1 – Bài 3 : Thiết kế trang Web – HTML Căn bản © 2007 Khoa CNTT - ĐHKHTN Giới thiệu về HTML Cấu trúc của 1 tài liệu HTML Các Tag cơ bản Các Tag danh sách Tag liên kết trang Tag kẻ bảng Lập trình và Thiết kế Web 1 – Bài 3 : Thiết kế trang Web – HTML Căn bản © 2007 Khoa CNTT - ĐHKHTN Nội dung Lập trình và Thiết kế Web 1 – Bài 3 : Thiết kế trang Web – HTML Căn bản © 2007 Khoa CNTT - ĐHKHTN Giới thiệu về HTML Cấu trúc của 1 tài liệu HTML Các Tag cơ bản Các Tag danh sách Tag liên kết trang Tag kẻ bảng Lập trình và Thiết kế Web 1 – Bài 3 : Thiết kế trang Web – HTML Căn bản © 2007 Khoa CNTT - ĐHKHTN Giới thiệu về HTML Lập trình và Thiết kế Web 1 – Bài 3 : Thiết kế trang Web – HTML Căn bản © 2007 Khoa CNTT - ĐHKHTN HTML (Hyper Text Markup Language) - Ngôn ngữ đánh dấu siêu văn bản Là một ngôn ngữ dùng để xây dựng một trang Web. Chứa các thành phần định dạng để báo cho trình duyệt Web biết cách để hiển thị một trang Web. Một trang web thông thường gồm có 2 thành phần chính: – Dữ liệu của trang web (văn bản, âm thanh, hình ảnh ) – Các thẻ (tag) HTML dùng để định dạng mô tả cách thức các dữ liệu trên hiển thị trên trình duyệt. Lập trình và Thiết kế Web 1 – Bài 3 : Thiết kế trang Web – HTML Căn bản © 2007 Khoa CNTT - ĐHKHTN Lập trình và Thiết kế Web 1 – Bài 3 : Thiết kế trang Web – HTML Căn bản © 2007 Khoa CNTT - ĐHKHTN Giới thiệu về HTML – Thẻ (Tag) HTML < HTML > < HEAD > <TITLE>Welcome to HTML< /TITLE > < /HEAD > <BODY BGCOLOR = lavender> <H3>My first HTML document</H3> < /BODY > < /HTML > Lập trình và Thiết kế Web 1 – Bài 3 : Thiết kế trang Web – HTML Căn bản © 2007 Khoa CNTT - ĐHKHTN Hiển thị v d trong IE Giới thiệu về HTML – Thẻ (Tag) HTML <b> Dòng chữ này được in đậm < /b > <Tag mở> Dữ liệu <Tag đóng> Tên Tag luôn mang tính gợi nhớ – V d: B ~ Bold, I ~ Italic, P ~ Paragraph Đôi khi không cần Tag đóng <br> , <hr > Cú pháp chung <TAG Tên_thuộc_tnh=‘giá_trị’ …… > Dữ liệu < /TAG > – V d : [...]... lavender> > < HEAD < HTML > > < /HTML > © 2007 Khoa CNTT - ĐHKHTN Lập trình và Thiết kế Web 1 – Bài 3 : Thiết kế trang Web – HTML Căn bản first My document HTML © 2007 Khoa CNTT - ĐHKHTN Lập trình và Thiết kế Web 1 – Bài 3 : Thiết kế trang Web – HTML Căn bản ©... HTML – Thẻ (Tag) HTML. Cú pháp Lưu ý: Các Tag nên lồng nhau tuyệt đối © 2007 Khoa CNTT - ĐHKHTN Lập trình và Thiết kế Web 1 – Bài 3 : Thiết kế trang Web – HTML Căn bản to < /TITLE © 2007 Khoa CNTT - ĐHKHTN Lập trình và Thiết kế Web 1 – Bài 3 : Thiết kế trang Web – HTML Căn bản Giới > Có bao nhiêu Thẻ HTML ? BGCOLOR... đầu và Kết thúc của trang HTML Nội dung trang HTML < /html> Cấu trúc 1 tài liệu HTML < /html> : Định nghĩa phạm vi của văn bản HTML © 2007 Khoa CNTT - ĐHKHTN Lập trình và Thiết kế Web 1 – Bài 3 : Thiết kế trang Web – HTML Căn bản : Định nghĩa các mô tả về trang HTML Thông tin trong tag này không được hiển thị trên trang web : Mô tả tiêu đề trang web ... Thiết kế Web 1 – Bài 3 : Thiết kế trang Web – HTML Căn bản Hello Hello < /font > Lưu ý : • Giá trị Thuộc tính của Thẻ nên đặt trong dấu nháy đơn hoặc nháy kép • Không phân biệt chữ HOA và thường • Bỏ qua các khoảng trắng thừa và các dấu ngắt dòng, xuống dòng © 2007 Khoa CNTT - ĐHKHTN Lập trình và Thiết kế Web 1 – Bài 3 : Thiết kế trang Web – HTML Căn bản Giới thiệu về HTML. .. liên kết : < a > – Xuống dòng : < br > Các tag xử lý văn bản – Ví dụ về Heading © 2007 Khoa CNTT - ĐHKHTN Lập trình và Thiết kế Web 1 – Bài 3 : Thiết kế trang Web – HTML Căn bản HEADING < HTML > < HEAD > Introduction to HTML < /HEAD > < BODY > Introduction to HTML - H1< /H 1> Introduction to HTML - H2< /H 2> Introduction to HTML - H3< /H 3> Introduction to HTML -... - H4< /H 4> Introduction to HTML - H5< /H 5> Introduction to HTML - H6< /H 6> < /BODY > < /HTML > Các tag xử lý văn bản – Ví dụ về Paragraph © 2007 Khoa CNTT - ĐHKHTN Lập trình và Thiết kế Web 1 – Bài 3 : Thiết kế trang Web – HTML Căn bản PARAGRAPH - < P > < html > < head > Welcome to HTML < /head > < body bgcolor=‘lavender’ > My first HTML document < p > This is... trình và Thiết kế Web 1 – Bài 3 : Thiết kế trang Web – HTML Căn bản Các tag xử lý văn bản – WYSIWYG với tag Các Hiển thị đúng dạng văn bản đã soạn thảo (khoảng trắng, xuống dòng, tag,…) Ví dụ: Ban co the xuong dong va cach khoang trang thoai mai tag xử lý văn bản – Một số ví dụ khác © 2007 Khoa CNTT - ĐHKHTN Lập trình và Thiết kế Web 1 – Bài 3 : Thiết kế trang