- Trang chủ >>
- Công nghệ thông tin >>
- Web
thiết kế web với HTML
Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (6.01 MB, 88 trang )
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 :
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
– <div >Thuong mai Dien tu 1< /div >
– <div id="txtDiv"style="color:#0000CC">Thuong mai Dien tu 2< /div >
[Kết quả chạy trên trình duyệt IE]
Giới thiệu về HTML – Thẻ (Tag) HTML.Cú pháp
Mã HTML
Hiển thị
<b> Đây là một dòng được in Đậm</b>
<h3> Mức chữ ở tiêu đề 3 </h3>
Đây l một dòng được in Đậm
Mức chữ ở tiêu đề 3
Mã HTML
Hiển thị
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
<font FACE=‘Arial’ Size=‘3’>
Hello
< /font >
Hello
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
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.Cú pháp
Lưu ý: Các Tag nên lồng nhau tuyệt đối
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
<TITLE
>
Welcome to
HTML
<
/TITLE
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.V d
< HTML >
< /HTML >
< HEAD
>
<BODY
<
/BODY
>
>
<
/HEAD
>
BGCOLOR
=
lavender>
>
Có bao nhiêu
Thẻ 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
<H3>
My first HTML
document
</H3
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
–
–
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
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
Cấu trúc 1 tài liệu 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
Cấu trúc 1 tài liệu HTML
<html></html> : Định nghĩa phạm vi của văn bản HTML
>
html
<
/html
<
>
>
body
<
>
/body
<
>
head
<
>
/head
<
Bắt đầu và
Kết thúc của
trang HTML
Phần đầu
trang HTML
Nội dung
trang HTML
>
title
<
Tiêu đề
>
/title
<
Nội dung 1
Nội dung 2
Nội dung 3
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
<head></head> : Đị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
<title></title> : Mô tả tiêu đề trang web
<body></body> : Xác định vùng thân của trang web, nơi chứa
các thông tin
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
Cấu trúc 1 tài liệu HTML
–
V d
<
HTML
>
<
HEAD
>
TITLE
>
<
Welcome
to
HTML
/TITLE
>
<
<
/HEAD
>
<
BODY
BGCOLOR
=
lavender>
<
H
3
>
My
first
HTML
document
<
/H
3
>
<
/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
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
