Slide thiết kế Slide1 - Giới thiệu HTML.pptx

davidprompt207 0 views 25 slides Oct 09, 2025

Slide 1 of 25

About This Presentation

slide bài giảng

Size: 3.57 MB

Language: none

Added: Oct 09, 2025

Slides: 25 pages

Slide Content

LẬP TRÌNH HTML5 LẬP TRÌNH HTML5 TỔNG QUAN MÔN HỌC

CHƯƠNG TRÌNH HỌC B uổi 1 Tổng quan HTML B uổi 2 Thẻ cơ bản trong HTML B uổi 3 Liên kết và hình ảnh B uổi 4 Thiết kế bảng và biểu mẫu B uổi 5 Nhúng đa phương tiện B uổi 6 Gi ới thiệu CSS B uổi 7 Thiết kế layout B uổi 8 - Flexbox & responsive layout Assignment

VAI TRÒ CỦA WEB ĐỌC BÁO XEM PHIM MUA SẮM LÀM VIỆC HỌC TẬP – NGHIÊN CỨU TÌM KIẾM – TRA CỨU

Nội dung Hình thức Màu sắc Kích cỡ In đậm, in nghiêng Bố cục Đường bao Căn lề Đường kẻ Nền Hiệu ứng CÁC THÀNH PHẦN GIAO DIỆN WEB Văn bản Hình ảnh Video Audio Liên kết

MÃ NGUỒN TRANG WEB Từ mã này trình duyệt web sẽ tạo ra trang web.

KHÁM PHÁ MÃ NGUỒN TRANG WEB Mã nguồn trang web bao gồm 3 thành phần chính HTML Gồm các <thẻ> được sử dụng để tổ chức và tạo ra trang web (cả nội dung và hình thức) CSS Gồm tập các qui luật kiểu dáng được sử dụng để định dạng, bố cục trang web (hình thức) JavaScript Gồm mã lập trình thao tác lên HTML và CSS, điều khiển các hành vi người dùng, tạo các animation hoặc tương tác với server Trong chương trình môn học, chúng ta tập trung vào HTML và CS S

KHÁM PHÁ MÃ NGUỒN TRANG WEB HTML đóng vai trò xây dựng khung xương, cấu trúc cơ bản cho website — giống như dựng khung nhà. CSS là lớp sơn, trang trí, định hình phong cách — giúp website trở nên bắt mắt, dễ sử dụng và chuyên nghiệp hơn. JavaScript là phần "động" của website, giúp trang web không chỉ đẹp mà còn thông minh và phản hồi với người dùng — như một căn nhà biết bật đèn khi có người bước vào.

NGÔN NGỮ HTML LẬP TRÌNH HTML5

HIỂU NGÔN NGỮ HTML CẤU TRÚC CƠ BẢN CỦA MỘT TRANG HTML CẤU TRÚC CHUẨN CỦA MỘT TRANG HTML5 SO SÁNH HTML VÀ HTML5 CÀI ĐẶT IDE VÀ TIỆN ÍCH MỞ RỘNG SỬ DỤNG CÁC THẺ CƠ BẢN TRONG HTML5 MỤC TIÊU BÀI HỌC

TỔNG QUAN VỀ HTML HTML 5 làm được gì ?

HTML LÀ GÌ? HTML ( H yper T ext M arkup L anguage) tạm dịch là “Ngôn ngữ đánh dấu siêu văn bản” HTML được thiết kế ra để tạo nên các trang web. Nó bao gồm một tập các thẻ. Thẻ là thành phần đánh dấu bắt đầu và kết thúc mỗi phần nào đó trên giao diện trang web. < tagname > Nội dung sẽ ở đây ... </ tagname > Tiêu đề trang Ảnh Liên kết Bố cục…

LỊCH SỬ PHÁT TRIỂN CỦA HTML

SO SÁNH HTML VÀ HTML5

SO SÁNH HTML VÀ HTML5 Tiêu chí HTML HTML5 Phiên bản HTML 4.01, XHTML HTML5 (ra mắt năm 2014) Hỗ trợ đa phương tiện Không hỗ trợ audio/video trực tiếp Hỗ trợ <audio>, <video> không cần plugin Cấu trúc ngữ nghĩa Không có thẻ ngữ nghĩa (semantic) Có các thẻ <header>, <footer>, <article>, <section>, ... Hỗ trợ thiết bị di động Hạn chế Tối ưu cho thiết bị di động và trình duyệt hiện đại Lưu trữ cục bộ Dựa vào cookie Hỗ trợ localStorage, sessionStorage Đồ họa và hoạt hình Không hỗ trợ trực tiếp Hỗ trợ <canvas>, SVG, WebGL Xác thực biểu mẫu Phải dùng JavaScript Hỗ trợ sẵn: required, email, url, number, ... Tương tác kéo - thả Không hỗ trợ Hỗ trợ API Drag and Drop Hiệu suất và tốc độ Chậm hơn khi xử lý đa phương tiện Nhanh hơn, nhẹ hơn, hỗ trợ xử lý song song Thân thiện với SEO Kém do thiếu cấu trúc rõ ràng Tốt hơn nhờ thẻ ngữ nghĩa giúp máy tìm kiếm hiểu nội dung

VAI TRÒ CỦA HTML HTML đóng vai trò xây dựng khung xương, cấu trúc cơ bản cho website — giống như dựng khung nhà.

TÀI LIỆU HỌC TẬP - THAM KHẢO Trang học online https://htmlreference.io https://css-tricks.com http://www.w3schools.com http://www.vietjack.com http://www.freetuts.net Google search: Học HTML & CSS

CÔNG CỤ LẬP TRÌNH Tất cả mọi phần mềm làm việc với file văn bản có thể sử dụng để xây dựng trang web. Notepad, Notepad++ Sublime Dreamweaver NetBean Visual Studio Code

CÀI ĐẶT IDE Cài đặt Visual Studio Code https://code.visualstudio.com/

CÀI ĐẶT TIỆN ÍCH MỞ RỘNG TRÊN VISUAL STUDIO CODE Tiện ích mở rộng

KHÁM PHÁ MÃ HTML CỦA TRANG HELLO W ORLD . HTML Mã HTML trang HelloWorld.html <!DOCTYPE html> Chuẩn HTML5 <html>…</html> Bắt đấu … kết thúc trang HTML <head>…</head> Bắt đấu … kết thúc phần đầu của trang <body>…</body> Bắt đấu … kết thúc phần nội dung trang

CẤU TRÚC CỦA TRANG HTML5 Cấu trúc chuẩn của một tài liệu HTML5

VÍ DỤ: MÃ NGUỒN TRANG HTML 5

CẤU TRÚC THẺ HTML Các thẻ đã sử dụng trong ví dụ trước: <html>…</html> <head>…</head> <meta charset =“?" /> <title>…</title> <body>…</body> <h3>…</h3> <p align =“?">…</p> <img src =“?" align =“?" /> Tên thẻ Thuộc tính Nội dung Thẻ rỗng

THỰC HÀNH BÀI TẬP 1: Tạo tài liệu HTML5 đầu tiên Tạo một trang HelloWorld .html Thêm tiêu đề trang bằng thẻ <h1> Thêm đoạn văn giới thiệu bằng thẻ <p> Thêm đường kẻ ngang bằng thẻ < hr > C hạy trang HelloWorld.html

Slide thiết kế Slide1 - Giới thiệu HTML.pptx

About This Presentation

Slide Content

Tags

Categories

Download

Quick Actions

Statistics

Related Slideshows

Slide thiết kế Slide1 - Giới thiệu HTML.pptx

About This Presentation

Slide Content

Slide 1

Slide 2

Slide 3

Slide 4

Slide 5

Slide 6

Slide 7

Slide 8

Slide 9

Slide 10

Slide 11

Slide 12

Slide 13

Slide 14

Slide 15

Slide 16

Slide 17

Slide 18

Slide 19

Slide 20

Slide 21

Slide 22

Slide 23

Slide 24

Tags

Categories

Download

Quick Actions

Statistics

Related Slideshows

Pray For The Peace Of Jerusalem and You Will Prosper

Don_t_Waste_Your_Life_God.....powerpoint

VILLASUR_FACTORS_TO_CONSIDER_IN_PLATING_SALAD_10-13.pdf

Fertility awareness methods for women in the society

Chapter 5 Arithmetic Functions Computer Organisation and Architecture

syakira bhasa inggris (1) (1).pptx.......