Bài giảng Ngôn ngữ HTML - Hoàng Văn Hiệp

Chia sẻ: Codon_03 Codon_03 | Ngày: | Loại File: PDF | Số trang:68

Thêm vào BST

Báo xấu

102
lượt xem 7
download

Download Vui lòng tải xuống để xem tài liệu đầy đủ

Cùng tìm hiểu về ngôn ngữ HTML và các thẻ trong HTML được trình bày cụ thể trong "Bài giảng Ngôn ngữ HTML" do Hoàng Văn Hiệp biên soạn. Cùng tìm hiểu để nắm bắt nội dung thông tin tài liệu.

Chủ đề:

Bình luận(0) Đăng nhập để gửi bình luận!

Lưu

Nội dung Text: Bài giảng Ngôn ngữ HTML - Hoàng Văn Hiệp

Ngôn ngữ HTML Giảng viên: Hoàng Văn Hiệp Bộ môn: Kỹ Thuật máy tính Viện CNTT-TT – ĐH Bách Khoa Hà Nội Email: hiephv@soict.hut.edu.vn Đại học Bách khoa Hà nội 1
NGÔN NGỮ HTML  HTML là gì?  Các thẻ trong HTML. Đại học Bách khoa Hà nội 2
HTML LÀ GÌ?  Hyper Text Markup Language – Ngôn ngữ đánh dấu siêu văn bản  Đƣợc sử dụng để tạo nên các trang web  Trình duyệt đọc file HTML để hiển thị nội dung  Là một file văn bản có chứa các thẻ (tag) và nội dung trang web Đại học Bách khoa Hà nội 3
HTML LÀ GÌ?  Các thẻ đƣợc sử dụng để định dạng dữ liệu, quy định cách thức hiển thị nội dung trang web  HTML không phân biệt chữ hoa hay chữ thƣờng  HTML không báo lỗi cú pháp, nếu sai cú pháp kết quả hiển thị không đúng. Đại học Bách khoa Hà nội 4
HTML LÀ GÌ?  Một file HTML phải có phần mở rộng là htm hoặc html  File HTML có thể đƣợc tạo bởi bất kỳ chƣơng trình soạn thảo nào (word, notepad, …) Đại học Bách khoa Hà nội 5
CÁC THẺ TRONG HTML  Đƣợc sử dụng để đánh dấu các thành phần của HTML  Có nhiều kiểu thẻ, mỗi kiểu thẻ có tác dụng khác nhau  Có 2 loại: thẻ đóng và thẻ mở Đại học Bách khoa Hà nội 6
CÚ PHÁP THẺ  Thẻ mở   Bắt đầu một lệnh HTML  Ví dụ , ,  Thẻ đóng   Kết thúc một lệnh HTML  Ví dụ , , Đại học Bách khoa Hà nội 7
CÚ PHÁP THẺ  Thẻ đóng và thẻ mở thƣờng đi liền với nhau  …  Tác động đến dữ liệu bên trong cặp thẻ  Một số thẻ chỉ có thẻ mở  , , Đại học Bách khoa Hà nội 8
THUỘC TÍNH CỦA THẺ  Mỗi thẻ có thể có 1 hoặc nhiều thuộc tính  Mỗi thuộc tính có tên thuộc tính và giá trị, giá trị đƣợc đặt trong dấu “”  Cú pháp  Đại học Bách khoa Hà nội 9
THUỘC TÍNH CỦA THẺ  Thuộc tính đƣợc viết trong thẻ mở  Hello world  Các thuộc tính có thể đổi vị trí cho nhau   Đại học Bách khoa Hà nội 10
TRANG WEB ĐẦU TIÊN Title of page This is my first homepage. This text is bold Đại học Bách khoa Hà nội 11
HIỂN THỊ TRÊN TRÌNH DUYỆT Đại học Bách khoa Hà nội 12
HIỂN THỊ TRÊN TRÌNH DUYỆT Đại học Bách khoa Hà nội 13
GIẢI THÍCH  Thành phần This text is bold  là thẻ mở  là thẻ đóng tƣơng ứng  Nội dung của thành phần nằm giữa 2 thẻ  Tác dụng: làm đậm nội dung khi hiển thị trên trình duyệt Đại học Bách khoa Hà nội 14
CÁC THẺ HTML CƠ BẢN  …  Đánh dấu một file HTML  …  Đánh dấu phần đầu của file HTML  …  Đánh dấu phần nội dung đƣợc hiển thị  Thuộc tính bgcolor xác định màu nền của trang web  Thuộc tính background xác định ảnh nền trang web Đại học Bách khoa Hà nội 15
ẢNH NỀN TRANG WEB Background Image This is my first homepage. This text is bold Đại học Bách khoa Hà nội 16
MÀU NỀN TRANG WEB Background Image This is my first homepage. This text is bold Đại học Bách khoa Hà nội 17
ĐỀ MỤC  Đƣợc sử dụng với các thẻ từ đến  có kích thƣớc lớn nhất  có kích thƣớc nhỏ nhất  Tự động thêm một dòng trống trƣớc và sau đề mục  Thuộc tính  align=“left”, “right”, “center”, “justify” căn chỉnh lề Đại học Bách khoa Hà nội 18
ĐỀ MỤC Đề mục mức 1 Đề mục mức 2 Đề mục mức 3 Đề mục mức 4 Đề mục mức 5 Đề mục mức 6 Đại học Bách khoa Hà nội 19
ĐOẠN VĂN, NGẮT DÒNG  …  Đánh dấu một đoạn văn bản  Tự động thêm một dòng trống trƣớc và sau đoạn  Thuộc tính align căn lề cho đoạn văn bản, giá trị mặc định là “left”   Chèn ký tự xuống dòng   Chèn đƣờng kẻ ngang Đại học Bách khoa Hà nội 20