1. Trang chủ
  2. » Luận Văn - Báo Cáo

Báo cáo thực tập tốt nghiệp xây dựng website photoland sử dụng reactjs,tailwindcss,strapi

44 0 0
Tài liệu được quét OCR, nội dung có thể không chính xác
Tài liệu đã được kiểm tra trùng lặp

Đ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 đề Xây dựng website PhotoLand sử dụng ReactJs,Tailwindcss,Strapi
Tác giả Lê Quốc Huy
Người hướng dẫn Ths. Nguyễn Hữu Tiến
Trường học Trường Đại Học Phan Thiết
Chuyên ngành Công Nghệ Thông Tin
Thể loại Báo cáo Thực Tập Tốt Nghiệp
Năm xuất bản 2023 - 2024
Thành phố Phan Thiết
Định dạng
Số trang 44
Dung lượng 5,5 MB

Nội dung

Ngoài việc cung cấp các dịch vụ viễn thông cho khách hàng, chỉ nhánh Công trỉnh Viettel Bình Thuận cũng đảm bảo việc hỗ trợ kỹ thuật và chăm sóc khách hàng đạt chất lượng hàng đầu.. Với

Trang 1

BO GIAO DUC VA DAO TAO

TRUONG DAI HOC PHAN THIET

KHOA CONG NGHE THONG TIN

BAO CAO THUC TAP TOT NGHIEP

Xây dựng website PhotoLand sir dung ReactJs,Tailwindcss,Strapi

NGUOI THUC HIEN: Lé Quéc Huy

Trang 2

NHAN XET CUA GIANG VIEN HUONG DAN

GIANG VIEN HUONG DAN

(Kỹ, ghi rõ họ tên)

Trang 3

Hiệu lực từ ngày: 4£

KHOA CÔNG NGHỆ THÔNG TIN

Trang/ tổng số trang:

NHẬT KÝ THỰC TẬP

(Phần dành cho giảng viên)

HỌ VÀ TÊN: Lê Quốc Huy

CÁN BỘ HƯỚNG DẪN: Ths.Nguyễn Hữu Tiến

CƠ QUAN THỰC TẬP : Công trình Viettel Bình Thuận

ĐỊA CHỈ CƠ QUAN: Tòa nhà Viettel, Tôn Đức Thắng,Phan

Thiết

DT: 097 797 79 46

ˆ

Trang 4

san pham

Xây dựng banner quảng

5 9/10 cao, slider san pham

Xây dựng footer, thanh

10 13/11 Hoan thanh bao cao dé tai

NHAN XET CUA DON VI THUC TAP

Trang 5

DON VI THUC TAP

(Ký, ghi rõ họ tên, đóng dấu tròn đỏ)

BỘ GIÁO DỤC & ĐÀO TẠO Mã hóa:

Trang 6

TRƯỜNG ĐẠI HỌC PHAN THIET | Ldn ban hanh: 01

HỌ VÀ TÊN: Lê Quốc Huy

CÁN BỘ HƯỚNG DẪN: Ths.Nguyễn Hữu Tiến

CƠ QUAN THỰC TẬP : Công trình Viettel Bình Thuận

ĐỊA CHỈ CƠ QUAN: Tòa nhà Viettel, Tôn Đức Thắng,Phan Thiết

9h Giới thiệu về công trình

thục tập 9h

3 25/9 router wifi và mạng Lan Học các kiến thức về

Trang 7

Thực hành đi quan sát các công việc của các anh kĩ thuật

Thực hành đi quan sát các công việc của các anh kĩ thuật

Thực hành đi quan sát các công việc của các anh kĩ thuật

Thực hành đi quan sát các công việc của các anh kĩ thuật

Trang 8

LOI CAM ON

Ki thực tập vừa qua là một trải nghiệm tuyệt vời và đáng nhớ Em đã được học

hỏi và trải nghiệm rất nhiều điều bỗ ích Em xin chân thành gửi lời cảm ơn tới các

thầy cô, anh chị trong Khoa Công nghệ thông tin, trường Đại học Phan Thiết, Công ty

Công trình Viettel Bình Thuận và các anh chị trainner tại Viettel đã tạo điều kiện cho

em được tham gia thực tập

Em đặc biệt xin cảm ơn thầy Ths.Nguyễn Hữu Tiên đã trực tiếp hướng dẫn và

giúp đỡ em rất nhiều trong thời gian em thực tập tại Công trinh Viettel Bình Thuận

Thầy đã giúp em giải đáp mọi thắc mắc, giúp em hoàn thành tốt các công việc được giao

Em cũng xin cảm ơn tất cả các anh chị nhân viên trong Công ty Công trình Viettel Bình Thuận đã luôn giúp đỡ và tạo điều kiện cho em trong thời gian thực tập Qua thời gian thực tập, em đã có thêm nhiều kiến thức và kỹ năng thực tế, giúp

em có thêm tự tin khi bước vào đời Em xin hứa sẽ luôn cố gắng học tập và làm việc

đề trở thành một nhân viên tốt của công ty trong tương lai

Một lần nữa, em xin chân thành cảm ơn các thầy cô, anh chị trong Khoa Công nghệ thông tin, trường Đại học Phan Thiết, Công ty Công trình Viettel Bình Thuận và

các anh chị trammner tại Viettel đã tạo cơ hội cho em được tham gia thực tập

Trang 9

LOI MO DAU

Ngày nay, với sự phát triển mạnh mẽ của công nghệ thông tin và những ứng dụng của nó trong đời sống Máy tính không còn là một thứ phương tiện lạ lẫm đối

VỚI mọi người mà nó dần trở thành một công cụ làm việc và giải trí thông dụng và hữu

ích của chúng ta, không chỉ ở công sở mà còn ngay cả trong gia đình

Trong nền kinh tế hiện nay, với xu thế toàn cầu hoá nền kinh tế thế giới, mọi mặt của đời sống xã hội ngày cảng được nâng cao, đặc biệt là nhu cầu trao đối hàng hoá của con người ngày càng tăng, cả về số lượng và chất lượng Hiện nay các công ty tin hoc hang dau thế giới không ngừng đầu tư và cải thiện các giải pháp cũng như các sản phẩm nhằm cho phép tiền hành thương mại hóa sản phẩm trên Internet Thông qua các sản phâm và công nghệ này, chúng ta dễ dàng nhận ra tầm quan trọng và tính tất yếu của thương mại điện tử Với những thao tác đơn giản trên máy có nỗi mạng Internet bạn sẽ có tận tay những gì mình cần mà không phải mắt nhiều thời gian Bạn

chỉ cần vào các trang dịch vụ thương mại điện tử, làm theo hướng dẫn và chọn những sản phâm bạn cần Các nhà dịch vụ sẽ mang đến tận nhà cho bạn

Trong số các mặt hàng được mua bán trên mạng Internet, camera là một mặt

hàng được nhiều người quan tâm Camera là một thiết bị điện tử quan trọng, được sử dụng trong nhiều lĩnh vực khác nhau như chụp ảnh, quay phim Nhằm đáp ứng nhu cầu mua sắm camera của khách hàng, em đã thực hiện đề tài "Tạo lập website bán camera bang ReactJS, TailwindCSS, Strapi và PayPal”

Trang 10

MUC LUC

KỈ HIỆU CÁC CỤM TỪ VIỆT TẮTT 55:22 t2222112221112211 122111122111 ettrrtred

CHƯƠNG I: GIỚI THIỆU ĐƠN VỊ THỰC TẬP 2- 22222222 222211122122222 2x, 1

1 Giới thiệu về đơn vị thực tập - - c s1 E1 HE 11 HH tre 1 1.1 Về tập đoàn Viettel công trình Bình Thuận 52 S1 SE E1 E2 tre 1

1.2 Các mảng dịch vụ của Công trỉnh Viettel Bình Thuận - c5 52522 c S2 2

1.3 Các lĩnh vực hoạt động của Viettel Construction Bình Thuận 3 1.4 Các mốc hình thành và phát triển của Viettel Construction s-csc ca 4 1.5 Tầm nhìn và sứ mệnh của công (y - ¿5+ s1 EEE187121111111 1.111 tt terrig 5

1 Tìm hiểu về HTML và CS§ -.-: - 5c 222v tt tt re 7

1.1 Định nghĩa về HTML và CSS 5 S1 1 E1 11112112121 1 1 2 1E gen 7

1.2 Cầu trúc cơ bản của HTML .-¿ 25+: 222 v22 ttEEEE tre 7

1.3 Các thẻ cơ bản trong HTML, 2c 2221121111221 121 11211 5111k T ng xnxx rey 7

1.4 Các thành phần cơ bản của CSS 5c c1 1 E2 1121121121112 rye 9

1.6 Các thuộc tính CSS cơ bản L1 2112111 1111111111 1111111111 1111 111 111 1 He 10

2 Tim hiéu vé JavaScripte c.ccccccccccccsccscesesesscsessesscssesssvseesssessvssesssseesensesesssevseeeseees lãi

2.2 Các khái niệm cơ bản của JavaSCTIDI L2 2222121112112 221 115 2k1 cv, 12

3.2 Cac dac tinh cla ReactIS 0.0 ceccccceccceececsenccnccceeccesevccccauaaaeaeeeecececeeeeeeueaa 13

3.3 Uu va nhuoc diém ctha React S occcccccccccccccecscsesesesesssesssssescseseseseseseseseseseseseseeeeaes 14

4 Tim hiéu vé Strapic cccccccccccccsccscsccseesessesecseesessesevsssssevssesessesevsesseceessesecareevsevsveeevecs 15

Trang 11

4.1 Strapl là ØÌ? L2 1211121112 212 211 1115115115 11H11 H xnxx khe 15

4.2 Ưu Điểm Của Strapi 5 T1 112121 1 H1 11t ng ng nA 16

4.3 Tính Năng của S†rAI L0 1201121111211 12211211111 1111111111 1111111111 k re 16

5 Tìm hiểu về TailwindC§s - 5s sét 2121211211211 21121 21212121 eree 17 5.1 Tailwind ốcttđddđiada3ađaẢŸŸÕÚ44 17 3.2 Các tính năng của Tallw1IndCSs 0 20 22111221121 1225111111811 1 1528111 17

6 Giới thiệu về Paypal - - 2c tt TT 121121111 12121 1tr a 17

6.1 Cách thức hoạt động 0 0212111211112 112222211 181110112011 11118111811 hệt 17

6.2 Ưu điểm và nhược điểm - 55c tt th He 17

6.3 Các loại tài khoản PayPalL 1 111211112221 211 1111811181120 1 18118112111 ru 18

6.4 Các tính nang cla PayPal ccc 112111211121 1121115112811 1 1211151281111 rườ 18

CHƯƠNG 3: NOI DUNG VA KET QUÁ THỰC TẬP - St St 222cc srree2 19

1 Xác định yêu cầu - 5c s1 H1 E11 tt n1 1212121 n1 ra 19

2 Mô hình hóa yêu cầu - 5c S211 2112111 1121211 1 t2 ng ng ngờ g 20

2.1 Mô hình mua hàng L2 2222222111211 11211 1211121111511 1511 155 1111181111111 1n 20 2.2 Mô hình trang quản fTỊ - c2 2122112121212 12211 1111112111111 1111111811181 k 1H key 21

3 SO 46 giao GSM eee ceccccccccscssesessessesessessessceesssecsssussesevsvssevevssesetaneevseesetevsieeecaseess 21

3.1 Sơ đồ giao dién phia Client c cccccccccccccscscsscssessesecsesessesecsveseesesevevstsevevevsreesenees 21

3.2 Mô tả giao dién AMM cece cc cece ccec cree cee eceecseecieeccsseseeteseeeseesseertsaeees 22

4 Giao diện websIf€ LH HH n ng 1k ng ky 23

4.1 Trang chủ .c- c 12121212111 111151 112111211 5111111150111 11H x ngu 23

Chương 4: KẾT LUẬN - 21221 11111121111 11 1212212121111 1 tre re 28

2 Hướng phát triỂn + S1 1 E1 121111 1171111011 21111 12H11 n1 1g nA 28 DANH MỤC TÀI LIỆU THAM KHẢO 1222221 12151151115551111111115551 1115 1ExxeE 29

Trang 12

DANH MUC HINH

Logo VIeff€ÏL - c1 121211121 1112111211 12111 181118112011 11118111111 Hư re 1

Cac lĩnh vực hoạt động L Q.0 2212122222 112 112tr re 3 Toà nhà Viettel Bình Tỉhuận 5 2 2G 0G 0 111119333315555555 115515555552 5

0019001 9

Trang chủ PhotoLand - 2: 2222221112111 12131 11 1 1E tr re 23 Trang chủ PhotoLand - 2: 2222221112111 12131 11 1 1E tr re 23

Giỏ hàng khi trồng - c2 11111218 1211212112 11 1 re 24 Giỏ hàng khi có sản phẩm 5 5 Sàn 1 12211111111 E2 tr re 24

Trang 13

DANH MUC CAC MO HINH

M6 hinh 3.1: M6 hinh mua hàng

Mô hình 3.2: Mô hình quản trỊ

Mô hình 3.3: Mô hình giao diện phía client

Trang 14

Ki HIEU CAC CUM TU VIET TAT

Content Management System

Customer Relationship Management Cascading Style Sheets

HyperText Markup Language

Information Technology

Internet of Things

Local Area Network

Optical Distribution Frame

Trách nhiệm hữu hạn một thành viên

Wide Area Network

Trang 15

CHƯƠNG 1: GIỚI THIỆU ĐƠN VỊ THỰC TẬP

1 Giới thiệu về đơn vị thực tập

1.1 Về tập đoàn Viettel công trình Bình Thuận

wiettel

Theo cach cua ban

Hinh 1.1: Logo Viettel

Tén céng ty: CHI NHANH CONG TRINH VIETTEL BINH THUAN

Trụ sở: Số 06 Phạm Van Bach, Phường Yên Hòa, Quận Cầu Giấy, Hà Nội

Chi nhánh: Tầng 9 Tòa nhà Viettel Bình Thuận, Phú Thủy, Phan Thiết, Bình Thuận Fax: 1900.98.98.68 | 0988.93.94.95

Email: Congtrinhviettel@viettel.com.vn

Website: www.viettelconstruction.com.vn

Chi nhánh Công trình Viettel Bình Thuận là một trong những chỉ nhánh quan trọng của Tập đoàn Công nghiệp - Viễn thông Quân đội (Viettel) tại khu vực miền Trung Việt Nam Chi nhánh này chịu trách nhiệm quản ly và triển khai mạng lưới viễn thông với mục tiêu đáp ứng nhu cầu truyền thông và viễn thông của người dân tại Binh Thuận

Với uy tín và kinh nghiệm tích luỹ từ nhiều năm hoạt động, chỉ nhánh Công

trình Viettel Bình Thuận đã và đang phát triển hệ thống viễn thông đa dạng, hiện đại

và chất lượng cao Các dịch vụ của Viettel Bình Thuận bao gồm: internet cáp quang,

dịch vụ di động, truyền hình và các giải pháp viễn thông dành cho các doanh nghiệp

và tổ chức

Trang 16

Ngoài việc cung cấp các dịch vụ viễn thông cho khách hàng, chỉ nhánh Công

trỉnh Viettel Bình Thuận cũng đảm bảo việc hỗ trợ kỹ thuật và chăm sóc khách hàng

đạt chất lượng hàng đầu Đội ngũ nhân viên chuyên nghiệp và tận tâm luôn sẵn sàng đáp ứng và giải quyết mợi nhu cầu của khách hàng, góp phần tạo dựng một môi trường viễn thông tin cậy và tiện ích cho cộng đồng

Với tầm nhìn chiến lược và cam kết không ngừng nâng cao chất lượng dịch vụ,

chỉ nhánh Công trình Viettel Bình Thuận hướng đến việc trở thành đối tác tin cậy của

khách hàng, góp phần phát triển kinh tế và xã hội của tỉnh Bình Thuận

1.2 Các mảng dịch vụ của Công trình Viettel Bình Thuận

Home Services — Dich vu bảo trì, lap đặt, sửa chữa thiết bị điện:

- Bảo trì, sửa chữa các thiết bị điện tử, điện lạnh, điện dân dụng, nhà

thông minh, điện năng lượng mặt trời,

- Lắp đặt các thiết bị điện tử, điện lạnh, điện đân dụng, nhà thông minh,

điện năng lượng mặt trời,

-Tư vấn, thiết kế các hệ thống điện dân dụng, nhà thông minh, điện

năng lượng mặt trời,

Solar Services — Dich vụ chăm sóc pm năng lượng mặt trời:

- Kiểm tra, báo dưỡng, sửa chữa pin năng lượng mặt trời

- Lắp đặt, thi công hệ thông pin năng lượng mặt trời

- Tư vấn, thiết kế hệ thống pm năng lượng mặt trời

IT Services — Dich vu ha tang Công nghệ thông tin:

- Lap đặt, thì công hạ tang mang LAN, WAN, Wifi

- Bao trì, sửa chữa hạ tầng mạng

- Tư vấn, thiết kế hạ tang mang

Operation Services — Dich vụ vận hành Hạ tang viễn thông:

- Vận hành, bảo trì các trạm BTS, tram ODF.\

- Kiểm tra, sửa chữa các đường dây cáp quang

- Tư vấn, thiết kế các hệ thống viễn thông

Các dịch vụ của Công trình Viettel Bình Thuận được cung cấp với chất lượng

cao, gia ca cạnh tranh, đội ngũ kỹ thuật viên chuyên nghiệp, giàu kinh nghiệm Đơn vi cam kết mang đến cho khách hàng sự hài lòng và an tâm tuyệt đồi

Trang 17

1.3 Cac lĩnh vực hoạt động của Viettel Construction Bình Thuận

construction

&

DICH VU CONG NGHE

KY THUAT THONG TIN

GIẢI PHAP TÍCH HỢP

Hình 1.2: Các lĩnh vực hoạt động

Viettel Construction là một tổng công ty chuyên cung cấp các dịch vụ kỹ thuật, xây dựng, vận hành hạ tầng viễn thông và công nghệ thông tin

- Các lĩnh vực hoạt động chính của Viettel Construction bao gồm:

Công nghệ thông tin: Viettel Construction cung cấp các giải pháp công nghệ thông tin cho doanh nghiệp, bao gồm:

- Gói vận hành IT cho doanh nghiệp

- Phần mềm quản lý Quan hệ khách hàng CRM

- Phần mềm Quản lý tài chính kế toán

- Phần mềm Quản lý kho, tài sản

Trang 18

Dịch vụ kỹ thuật: Viettel Construction cung cấp các dịch vụ kỹ thuật về thiết

bị điện, hệ thống công nghệ thông tin, hệ thống pin năng lượng mặt trời và vận hành

hạ tầng viễn thông

Giải pháp tích hợp: Viettel Construction cung cấp các hệ thống sản phẩm dịch

vụ và giải pháp thông minh, an toàn, bao gồm:

- Các thiết bị máy tính, điện lạnh, thiết bị dân dụng

- Hệ thống giám sát an ninh

- Thiết bị gia dụng thông minh

- Thiết bị năng lượng mặt trời

- Giải pháp tổng thê tại các tòa nhà/cơ quan doanh nghiệp

Vận hành khai thác: Viettel Construction cung cấp các dịch vụ vận hành khai thác hạ tầng viễn thông, công nghệ thông tin, điện năng lượng tái tạo và dịch vụ chăm sóc điện gia đình, doanh nghiệp

Với đội ngũ nhân viên chuyên nghiệp, giàu kinh nghiệm, Viettel Construction cam kết mang đến cho khách hàng những sản phâm và dịch vụ chất lượng cao, đáp ứng mọi nhu cầu của khách hàng cá nhân và doanh nghiệp

1.4 Các mốc hình thành và phát triển của Viettel Construction

Viettel Construction Bình Thuận là đơn vị thành viên của Tổng Công ty Cổ phần Công trình Viettel, chuyên cung cấp các dịch vụ kỹ thuật, xây dựng, vận hành hạ tầng viễn thông và công nghệ thông tin

- Tháng 11 năm 2005: Thành lập Chi nhánh Tông Công ty Xây dựng Viettel tại Binh Thuan

- Tháng 6 năm 2007: Chỉ nhánh Tổng Công ty Xây dựng Viettel tại Bình Thuận

được đổi tên thành Công ty TNHH MTV Xây dựng Viettel Bình Thuận

- Tháng 10 năm 2010: Công ty TNHH MTV Xây dựng Viettel Bình Thuận

được đổi tên thành Công ty Cô phần Xây dựng Viettel Bình Thuận

- Tháng 10 năm 2015: Công ty Cô phần Xây dựng Viettel Bình Thuận được đổi tên thành Công ty Cô phần Công trình Viettel Bình Thuận

Trong suốt quá trình hình thành và phát triển, Viettel Construction Bình Thuận

đã đạt được nhiều thành tựu đáng kẻ, góp phần vào sự phát triển của ngành viễn thông

và công nghệ thông tin tại tỉnh Bình Thuận

Trang 19

Một số thành tựu tiêu biêu của Viettel Construction Bình Thuận bao gồm:

- Xây dung, lap dat hon 1.000 tram phát sóng viễn thông, hơn 100km cáp quang,

- Thi công xây dựng nhiều dự án biệt thự/khu nghỉ dưỡng lớn tại tỉnh Bình Thuận

- Cung cấp các dịch vụ kỹ thuật, xây dựng, vận hành hạ tầng viễn thông và công nghệ thông tin chất lượng cao, đáp ứng mọi nhu cầu của khách hàng cá nhân và doanh nghiệp

Với đội ngũ nhân viên chuyên nghiệp, giàu kinh nghiệm, Viettel Construction Bình Thuận cam kết tiếp tục phát huy những thành tựu đã đạt được, mang đến cho khách hàng những sản phâm và dịch vụ chất lượng cao nhất

1.5 Tầm nhìn và sứ mệnh của công ty

Hình 1.3: Toà nhà Viettel Bình Thuận

Tầm nhìn:

Trở thành một trong những công ty dẫn đầu trong lĩnh vực kỹ thuật, xây dựng,

vận hành hạ tang viễn thông và công nghệ thông tin tại Việt Nam và khu vực

Sứ mệnh:

Cung cấp các sản phẩm và dịch vụ chất lượng cao, đáp ứng mọi nhu cầu của khách hàng cá nhân và doanh nghiệp, góp phân thúc đây sự phát triên kinh tê - xã hội của đất nước

Trang 20

Tầm nhìn của Viettel Construction Binh Thuan 1a tro thanh mot trong những

công ty dân đâu trong lĩnh vực kỹ thuật, xây dựng, vận hành hạ tâng viên thông và

công nghệ thông tm tại Việt Nam và khu vực

Đề đạt được tầm nhìn này, Viettel Construction Bình Thuận sẽ tập trung vào việc cung cấp các sản phẩm và dịch vụ chất lượng cao, đáp ứng mọi nhu cầu của khách hàng cá nhân và doanh nghiệp

Viettel Construction Bình Thuận cũng cam kết góp phân thúc đây sự phát triển

kinh tế - xã hội của đất nước

Sứ mệnh của Viettel Construction Bình Thuận là cung cấp các sản phẩm và dịch vụ chất lượng cao, đáp ứng mọi nhu cầu của khách hàng cá nhân và doanh nghiệp, góp phân thúc đây sự phát triên kinh tê - xã hội của đât nước

Đề thực hiện sử mệnh nay, Viettel Construction Binh Thuan sẽ tập trung vào cac yéu to sau:

- Chat lượng sản phâm va dich vu: Viettel Construction Binh Thuan cam

kết cung cấp các sản phẩm và dịch vụ chất lượng cao, đáp ứng mọi nhu cầu của khách hàng

- Sự hài lòng của khách hàng: Viettel Construction Bình Thuận luôn nỗ

lực hết mình đề mang đến sự hài lòng cho khách hàng

- Sự phát triển bền vững: Viettel Construction Bình Thuận cam kết phát triên bên vững, góp phân bảo vệ môi trường và xã hội

Với tầm nhìn và sứ mệnh rõ ràng, Viettel Construction Bình Thuận đang từng bước khang dinh vi thé cia minh trong lĩnh vực kỹ thuật, xây dựng, vận hành hạ tầng viễn thông và công nghệ thông tin

Trang 21

CHUONG 2: CO SO LY THUYET

1 Tim hiéu vé HTML va CSS

1.1 Dinh nghia vé HTML va CSS

HTML (HyperText Markup Language) : là một ngôn ngữ đánh dấu được thiết

kế ra dé tạo nên các trang web, nghĩa là các mâu thông tin được trình bảy trên World Wide Web

CSS (Cascading Style Sheets) : dinh nghia vé cach hién thị của một tài liệu

HTML CSS đặc biệt hữu ích trong việc thiết kế Web Nó giúp cho người thiết kế dễ

dàng áp đặt các phong cách đã được thiết kế lên bất kì page nào của website một cách nhanh chóng, đồng bộ

1.2 Cấu trúc cơ bản của HTML

Cấu trúc của HTML rất đơn giản và logic, với bố cục từ trên xuống dưới, từ trái qua phải, bao gồm 2 phân chính là HEAD và BODY

Các website viết bằng HTML đều tuân theo cầu trúc cơ bản như sau:

- Moi trang HTML đều phải khai báo DOCTYPE (định nghĩa chuẩn văn bản)

ngay từ dòng đầu tiên

- Thẻ <html> cho trình duyệt biết mở đầu và kết thúc của trang HTML

- Thẻ <head> chứa tiêu đề và các thông tin khai báo, các thông tin ân khác

- Thẻ <body> sẽ hiển thị nội dung của website Đây là phần thông tin mà người dùng sẽ nhìn thấy khi trình duyệt đọc các mã HTML

- Mọi ký tự nằm giữa dấu <!- và -> sẽ được xem là thẻ comment và bị trình

duyệt bỏ qua, không xử lý và không hiển thị

1.3 Các thẻ cơ bản trong HTML

Các thẻ HTML được sử dụng để định đạng văn bản và nội dung khác trên một

trang web Các thẻ được viết bằng cặp, với thẻ mở và thẻ đóng

Dưới đây là một số thẻ HTML cơ bản:

- <hl>, <h2>, <h3>, .: Tạo tiêu đề

- <p>: Tao doan van

- <img>: Chén hinh anh

- <a>: Tao lién két

- <br>: Tao khoang trang

Trang 22

- <strong>: Tao chir dam

- <em>: Tạo chữ nghiêng

Các thẻ tiêu đề

Các thẻ tiêu đề được sử dụng để tạo tiêu đề cho trang web hoặc phan cua trang web

Các thẻ tiêu đề có 6 cập độ, từ <hI> (câp độ cao nhat) dén <h6> (cap độ thâp nhat)

Cac thé doan van

Các thẻ đoạn văn được sử dụng để tạo đoạn văn trên trang web

Ví dụ:

Các thẻ hình ảnh

Các thẻ hình ảnh được sử dụng đề chèn hình ảnh vào trang web

Ví dụ:

k 1mage.png Ảnh minh họa”>

Thẻ szc chỉ định đường dẫn đến hình ảnh Thẻ z// cung cấp một mô tả ngắn gọn về hình ảnh, được sử dụng khi hình ảnh không tải được

Các thẻ liên kết

Các thẻ liên kết được sử dụng để tạo liên kết đến các trang web khác hoặc các phan

khac cua trang web hién tai

Vi du:

ca https: //www.w3schools com">Liên kết erat trang web

W3Schools</a>

Thé Aref chi dinh duong dan dén trang web hoac phan ma lién kết sẽ dẫn đến

Cac thé khoang trang

Cac thé khoang trang duoc str dung dé tao khoang trang trén trang web

Vi du:

<p>Day 14 dong dau tién.</p>

Ngày đăng: 21/10/2024, 16:09

TÀI LIỆU CÙNG NGƯỜI DÙNG

TÀI LIỆU LIÊN QUAN