Slide thiết kế lập trình chương 2 ngôn ngữ htlm

ĐẠI HỌC QUỐC GIA TP.HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC KHOA HỌC TỰ NHIÊN KHAO CÔNG NGHỆ THÔNG TIN BỘ MÔN CÔNG NGHỆ PHẦN MỀM Ngôn ngữ HTML CuuDuongThanCong.com https://fb.com/tailieudientucntt

Trang 1

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

KHAO CÔNG NGHỆ THÔNG TIN

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

Ngôn ngữ HTML

CuuDuongThanCong.com https://fb.com/tailieudientucntt

Trang 2

1 2

4

3

Trang 3

Trang 4

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

Trang 5

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

Trang 6

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

!

Trang 7

Trang 10

Thẻ (Tag) HTML

•  

Trang 11

Thẻ (Tag) HTML

Trang 12

</HTML>

Trang 15

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

Phần đầu trang HTML

Nội dung trang HTML

Nội dung 1 Nội dung 2 Nội dung 3

Trang 16

Trang 17

Trang 18

<HTML>

<HEAD>

<TITLE> Welcome to HTML </TITLE> </HEAD>

<BODY BGCOLOR = lavender>

<H3>My first HTML document</H3>

</BODY>

</HTML>

Trang 19

Trang 20

Tag HTML cơ bản

Trang 21

Trang 22

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

Trang 23

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

Trang 24

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

Trang 25

Tiêu đề - Heading <h>

Trang 26

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

Trang 27

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

Trang 28

Định dạng kiểu chữ

Trang 29

Định dạng kiểu chữ

Trang 30

WYSIWYG với tag <pre>

!

Trang 31

Ví dụ tag <pre>

Trang 34

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

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

Trang 35

Trang 37

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

Trang 38

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

Trang 41

Âm thanh nền cho website

Trang 42

4

Trang 44

Danh sách có thứ tự

Trang 45

Danh sách có thứ tự

Trang 46

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

Trang 47

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

Trang 48

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

Trang 49

Trang 52

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

Trang 53

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

Trang 54

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

Click chuột

Trang 55

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

Click chuột

Trang 57

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

/

§ 

Trang 58

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

Trang 61

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

Trang 62

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/

Trang 63

Ví dụ

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

Trang 64

6

Trang 65

Trang 66

Tag kẻ bảng – Table

Trang 69

Tag kẻ bảng – Table (tt)

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

Trang 70

!  

Trang 71

!  

Trang 72

!  

Trang 73

!  

Trang 74

!  

Trang 75

Trang 77

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

Trang 79

Thẻ con của thẻ <table>

Trang 80

!  

Trang 81

!  

Trang 82

Trang 83

!  

Trang 84

Layout website - Table

Trang 85

Bài tập về nhà

Trang 86

Trang 87

Trang 88

Trang 89

See you again J

Ngôn ngữ HTML

Tiêu đề	Ngôn Ngữ HTML
Trường học	Đại Học Quốc Gia Tp.Hồ Chí Minh
Chuyên ngành	Công Nghệ Thông Tin
Thành phố	Tp.Hồ Chí Minh

Định dạng
Số trang	90
Dung lượng	24,25 MB