thiết kế web với HTML

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_tnh=‘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 – Ví dụ 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 – Ví dụ 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,…) Ví dụ: Ban co the xuong dong va cach khoang trang thoai mai tag xử lý văn bản – Một số ví dụ khác © 2007 Khoa CNTT - ĐHKHTN Lập trình và Thiết kế Web 1 – Bài 3 : Thiết kế trang