Ngôn ngữ Hyper Text Markup Language (HTML)

Ngôn ngữ đánh dấu siêu văn bảnLà ngôn ngữ xây dựng trang web Chứa các chỉ dẫn trình duyệt web hiển thị nội dung của một trang web Một trang web gồm hai phần chính:+ Dữa liệu của trang web ( Văn bản, âm thanh, hình ảnh,...)

ĐẠI HỌC QUỐC GIA TP.HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC KHOA HỌC TỰ NHIÊN

KHOA CÔNG NGHỆ THÔNG TIN

BỘ MÔN CÔNG NGHỆ PHẦN MỀM

Ngôn ngữ HTML

1 2

4

3

1

Giới thiệu về ngôn ngữ HTML

Trình duyệt và Trình soạn thảo code

Công cụ soạn thảo code HTML

!

2

Thẻ (Tag) HTML

• 

• 

Thẻ (Tag) HTML

</HTML>

Cấu trúc của một 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

Cấu trúc của một trang HTML

Cấu trúc của một trang HTML

3

Tag HTML cơ bản

Tag xử lý văn bản – Khối, chuổi văn bản

Browser tự động chuẩn hóa Text

Xuống dòng – Break line <br />

Tiêu đề - Heading <h>

Đoạn văn – Paragraph <p>

Đường kẻ ngang – Horizoatal rules <hr />

Định dạng kiểu chữ

Định dạng kiểu chữ

WYSIWYG với tag <pre>

!

Ví dụ tag <pre>

Danh sách Ký tự đặc biệt

Danh sách một số ký hiệu đặc biệt

&lt; &gt;&nbsp;&nbsp;&nbsp;&nbsp; &quot;

Ví dụ chèn hình vào web

Ví dụ đặt ảnh nền cho Web

Âm thanh nền cho website

4

Danh sách có thứ tự

Danh sách có thứ tự

Danh sách không có thứ tự

Danh sách tự định nghĩa

Cách dùng danh sách tự định nghĩa

5

Tag liên kết trang – Tag <a> (anchor)

Phân loại liên kết trang

!

!

!

!

Liên kết ngoại (External Link)

baihoc2.htm

Click chuột

Liên kết nội (Internal Link)

Click chuột

Phân loại địa chỉ URL

/

§ 

Ví dụ

file A có link đến file B, vậy trong file

A có HTML element:

<a href=“URL”>liên kết đến B</a>

http://127.0.0.1/demo/Thu muc 1/file B.htm

Ví dụ

file D có link đến file F, vậy trong file F

có HTML element:

<a href=“URL”>liên kết đến F</a>

http://127.0.0.1/demo/Thu muc 2/file F.htm

Ví dụ

file F có link đến file E, vậy trong file F

có HTML element:

<a href=“URL”>liên kết đến E</a>

http://127.0.0.1/demo/Thu muc 1/ Thu muc

1_2/Thu muc 1_2_1/file E.htm

URL =

/demo/Thu muc 1/Thu muc 1_2/

Thu muc 1_2_1/file E.htm

# 127.0.0.1/demo

/Thu muc 1 /Thu muc 1_2/Thu muc1_2_1/

file E.htm

Ví dụ

file E có link đến file A ở vị trí xác định, vậy trong file A có HTML element:

6

Tag kẻ bảng – Table

le (t

Tag kẻ bảng – Table (tt)

Một số thuộc tính của các thẻ :

Tag kẻ bảng – Table (tt)

!  

Tag kẻ bảng – Table (tt)

!  

Tag kẻ bảng – Table (tt)

!  

Tag kẻ bảng – Table (tt)

!  

Tag kẻ bảng – Table (tt)

!  

Tag kẻ bảng – Table (tt)

Định dạng theo từng cột

Tag kẻ bảng – Table (tt)

Thẻ con của thẻ <table>

Thẻ con của thẻ <table>

Thẻ con của thẻ <table>

Tag kẻ bảng – Table (tt)

!  

Tag kẻ bảng – Table (tt)

!  

Tag kẻ bảng – Table (tt)

Tag kẻ bảng – Table (tt)

!  

Layout website - Table

Bài tập về nhà

See you again J

Ngôn ngữ HTML