1. Trang chủ
  2. » Cao đẳng - Đại học

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

90 12 0

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

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

Các công cụ chuyển đổi và chỉnh sửa cho tài liệu này

Nội dung

ĐẠ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

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

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

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

Trang 6

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

!

Trang 7

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

Trang 10

Thẻ (Tag) HTML

•  

Trang 11

Thẻ (Tag) HTML

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

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

<title> Tiêu đề </title>

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

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

Trang 16

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

Trang 17

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

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

Trang 18

<HTML>

<HEAD>

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

<BODY BGCOLOR = lavender>

<H3>My first HTML document</H3>

</BODY>

</HTML>

Trang 19

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

Trang 20

Tag HTML cơ bản

Trang 21

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

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

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

Trang 24

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

Trang 25

Tiêu đề - Heading <h>

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

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ữ

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

Trang 30

WYSIWYG với tag <pre>

!

Trang 31

Ví dụ tag <pre>

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

Trang 34

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

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

Trang 35

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

Trang 37

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

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

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ự

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

Trang 46

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

Trang 47

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

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

Trang 48

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

Trang 49

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

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

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

Trang 57

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

/

§ 

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

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

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

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ẻ :

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

Trang 70

Tag kẻ bảng – Table (tt)

!  

Trang 71

Tag kẻ bảng – Table (tt)

!  

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

Trang 72

Tag kẻ bảng – Table (tt)

!  

Trang 73

Tag kẻ bảng – Table (tt)

!  

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

Trang 74

Tag kẻ bảng – Table (tt)

!  

Trang 75

Tag kẻ bảng – Table (tt)

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

Trang 77

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

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

Trang 79

Tag kẻ bảng – Table (tt)

Thẻ con của thẻ <table>

Thẻ con của thẻ <table>

Thẻ con của thẻ <table>

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

Trang 80

Tag kẻ bảng – Table (tt)

!  

Trang 81

Tag kẻ bảng – Table (tt)

!  

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

Trang 82

Tag kẻ bảng – Table (tt)

Trang 83

Tag kẻ bảng – Table (tt)

!  

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

Trang 84

Layout website - Table

Trang 85

Bài tập về nhà

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

Trang 86

Bài tập về nhà

Trang 87

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

Trang 88

Bài tập về nhà

Trang 89

See you again J

Ngôn ngữ HTML

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

Ngày đăng: 25/12/2021, 15:28

🧩 Sản phẩm bạn có thể quan tâm