Khoa CNTT – ĐH.KHTN Bi 3 Thiết kế trang Web – HTML Căn bản ! " # $%&'$(#)* +,-((+ +./0 1203(# 40566780(# 966 * 96/:96 8; <* $%&'$(#)* +,-((+ +./0 1203(# 40566780(# 966 * 96/:96 8; <* $%&'$(#)* +,-((+ 1203(# (#=(>?#00@,+AB9/40:;0)* C.A/DBE?F>/GC.H I696JBK/LBE96/0>696BEEKC. H #.MNOC6PJ6Q' $ RA8067M=)*SFCS*HHH@ $ 96<=@(#/DBEBK/LC*696I6696/A80;EK;/0>H $%&'$(#)* +,-((+ 1203(#$/0>S:L* Trình duyệt web (Browser) Trình soạn thảo (Editor) Notepad Notepad++ Visual Studio .NET $%&'$(#)* +,-((+ 1203(#$<=@(# <HTML> <HEAD> <TITLE>Welcome to HTML</TITLE> </HEAD> <BODY BGCOLOR = lavender> <H3>My first HTML document</H3> </BODY> </HTML> (EKQ/TUV $%&'$(#)* +,-((+ 1203(#$<=@(# <b> Dòng chữ này được in đậm </b> WCXYDữ liệu WBPY ;80CQZ2 $ !Q/T'B[%8/SI[U86SP[\ -6JBP <br>, <hr> 5960 W]1;^0.6^Q_`9^KabbHHYRA80Wc]1Y $ !Q/T' $ W/Y0CR0Wc/Y $ W//_d?Rd:>8_d68'edY0CR0Wc/Y $%&'$(#)* +,-((+ 1203(#$<=@(#H59 Mã HTML Hiển thị WY-F>8C./fBZ6-CWcY W&Y#I66AX;0B3&Wc&Y Đây l một dòng được in Đậm #I66AX;0B3& Mã HTML Hiển thị Wgh]V_`]8aij_`&aY (88 WcgY Hello Lưu ý : k Giá trị Thuộc tính của Thẻ nên đặt trong dấu nháy đơn hoặc nháy kép k Không phân biệt chữ HOA và thường k Bỏ qua các khoảng trắng thừa và các dấu ngắt dòng, xuống dòng $%&'$(#)* +,-((+ 1203(#$<=@(#H59 0l'96;8O00>Bm $%&'$(#)* +,-((+ 1203(#$<=@(#H!Q/T <HTML> <HEAD> <TITLE>Welcome to HTML</TITLE> </HEAD> <BODY BGCOLOR = lavender> <H3>My first HTML document</H3> </BODY> </HTML> [...]... 1 – Bài 3 : Thiết kế trang Web – HTML Căn bản Nội dung 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 © 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 Cấu trúc 1 tài liệu HTML Tiêu đề Phần đầu trang HTML Bắt đầu và Kết thúc của trang HTML. .. – HTML Căn bản Nội dung 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 © 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 Các Tag Cơ bản Các Tag xử lý văn bản Tag hình ảnh Tag âm thanh © 2007 Khoa CNTT - ĐHKHTN Lập trình và Thiết kế Web 1 – Bài 3 : Thiết kế trang Web – HTML. .. trang Web – HTML Căn bản Các tag Danh sách – Danh sách tự định nghĩa © 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 Nội dung 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 © 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 Tag liên... 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 – Ví dụ về Heading HEADING Introduction to HTML Introduction to HTML - H1 Introduction to HTML - H2 Introduction to HTML - H3 Introduction to HTML - H4 Introduction to HTML - H5 Introduction to HTML - H6 < /HTML> © 2007... Web 1 – Bài 3 : Thiết kế trang Web – HTML Căn bản Cấu trúc 1 tài liệu HTML – Ví dụ Welcome to HTML Welcome to HTML My first HTML document My first HTML document < /HTML> < /HTML> © 2007 Khoa CNTT - ĐHKHTN Lập trình và Thiết kế Web 1 – Bài 3 :... Web – HTML Căn bản Các tag Danh sách – Danh sách có thứ tự © 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 Các tag Danh sách – Danh sách có thứ tự © 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 Các tag Danh sách – Danh sách không có thứ tự © 2007 Khoa CNTT - ĐHKHTN Lập trình và Thiết kế Web 1 – Bài 3... Kết thúc của trang HTML Nội dung 1 Nội dung Nội dung trang HTML 2 Nội dung 3 < /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 Cấu trúc 1 tài liệu HTML < /html> : Định nghĩa phạm vi của văn bản HTML : Đị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 ... 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 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 © 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 Các tag xử lý văn bản – Ký tự... Lập 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 – Ví dụ về Paragraph PARAGRAPH - Welcome to HTML My first HTML document This is going to be real fun Using another heading Another paragraph element < /html> © 2007 Khoa CNTT - ĐHKHTN... Web – HTML Căn bản Tag âm thanh : Không có tag đóng Thuộc tính của tag – SRC : Đường dẫn đến file âm thanh – Loop : Số lần lặp (bằng -1 : Lặp vô hạn) – Thường đặt trong tag của trang web Ví dụ: © 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 Nội dung Giới thiệu về HTML . * 96/:96 8; <* $%&'$(#)* +,-((+ 405680(# < ;html& gt; < /html& gt; <body> </body> <head> </head> Bắt đầu và Kết thúc của trang HTML Bắt đầu và Kết thúc của trang HTML Phần đầu trang HTML Phần đầu trang HTML Nội. 6I696 $%&'$(#)* +,-((+ 405680(#$!Q/T < ;HTML& gt; <HEAD> <TITLE>Welcome to HTML& lt;/TITLE> </HEAD> <BODY BGCOLOR = lavender> <H3>My first HTML document</H3> </BODY> < /HTML& gt; < ;HTML& gt; <HEAD> <TITLE>Welcome. to HTML - H3</H3> <H4> Introduction to HTML - H4</H4> <H5> Introduction to HTML - H5</H5> <H6> Introduction to HTML - H6</H6> </BODY> < /HTML& gt; $%&'$(#)* +,-((+ 96?o8l)*$!Q/T3 PARAGRAPH