Là tài liệu bài giảng về kiến thưc HTML5 cơ bản và đầy đủ nhất dành cho các bạn sinh viên và cũng để dùng cho người lập trinh tham khảo , trong bài giảng còn có cả ví dụ để luyện tập Tác Giả Lê Hoàng Dinh
TÀI LIỆU HTML5 NGƯỜI BIÊN SOẠN : LÊ HOÀNG DINH HTML5 LÀ GÌ ? HTML ngơn ngữ đánh dấu chuẩn cho trang web Với HTML, bạn tạo trang web riêng bạn HTML stands for Hyper Text Markup Language HTML mô tả cấu trúc trang web HTML bao gồm loạt yếu tố Các phần tử HTML cho trình duyệt biết cách hiển thị nội dung Các phần tử HTML ghi nhãn nội dung "đây tiêu đề", "đây đoạn", "đây liên kết", vv CÁC LỆNH CƠ BẢN TRONG HTML5 HTML5 rấấ t dễễhọcTHUỘC TÍNH HTML5 A Thuộc tính href • This is a link • - href thuộc tính để liên kết link • - This is a link văn thay cho đường link nằm href • Chạy chương trình máy tính ta thấy nội dung văn gạch có màu xanh This is the link Bài tập 1: Hãy liên kết link với trang web mà e hay sử dụng PHẦN LÀM BÀI TẬP 1 THUỘC TÍNH HTML5 B Thuộc tính src , alt , width , height • • Thuộc tính src thuộc tính dùng để liên kết file hình ảnh mà có (file ảnh gồm jpg , gif ) • Thuộc tính alt thuộc tính hình ảnh khơng có thực alt lệnh văn thay cho hình ảnh khơng có • Thuộc tính width height dùng để cân chỉnh chiều cao chiều rộng ảnh • Chạy lệnh ta nhìn thấy ảnh , ta thấy lệnh alt hình ảnh khơng có thực Bài tập : Hãy thực lệnh với hình ảnh mà bạn có máy tính bạn PHẦN LÀM BÀI TẬP THUỘC TÍNH HTML5 • C Thuộc tính lang , title HTML5 • - lang thẻ dùng để khai báo ngôn ngữ mà sử dụng chương trình • - title thẻ dùng để khai báo tên tiêu đề chương trình mà xử lý • Bài tập 3: Hãy sử dụng thuộc tính mà ta học để liên kết hình ảnh trang web PHẦN LÀM BÀI TẬP THUỘC TÍNH HTML5 • Bài tập 4: Hãy viết trang web gồm thẻ thẻ thuộc tính liên kết link đến hình ảnh sẵn có PHẦN LÀM BÀI TẬP 40 14 NESTED LIST HTML5 NESTED LIST (DANH SÁCH LỒNG NHAU): Ta dùng danh sách lồng để thiết kế menu Bài Tập 41: Phân tích hai danh sách lồng theo thẻ PHẦN LÀM BÀI TẬP 41 15 BLOCK AND INLINE ELEMENT HTML5 A, BLOCK (div): Để quy thẻ
thẻ đề ta xếp chúng vào với ta dùng div để quy chúng lại thàng khối Bài Tập 42: Viết lệnh sau qui lại thành khối PHẦN LÀM BÀI TẬP 42 15 BLOCK AND INLINE ELEMENT HTML5 B, STYLE BLOCK (div): Ta dùng thêm style để thiết kế cho div Bài Tập 43: Viết lệnh sau qui lại thành khối có dùng style PHẦN LÀM BÀI TẬP 43 15 BLOCK AND INLINE ELEMENT HTML5 C, INLINE ELEMENT (span): Ví dụ trường hợp ta muốn thiết kế thêm dịng mà khơng cần phải dùng CSS ta dùng span để thiết kế dịng lệnh mà khơng cần phải viết thêm CSS Bài Tập 44: Cho dòng lệnh sau dùng span để tơ màu cho chữ có màu đỏ PHẦN LÀM BÀI TẬP 44 • Bài Tập 45: Viết chương trình tập Gợi ý : - Dùng span nhớ phải có CSS - Đoạn văn khối dùng div • Đáp án Bài Tập 45: 16 IFRAME HTML5 IFRAME HTML5: Iframe thẻ dùng để đưa website khác vào website phát triển Ví dụ : DEMO SAU Bài Tập 46: Đưa Iframe youtube vào trang web mà em lập trình PHẦN LÀM BÀI TẬP 46 17 AUDIO HTML5 • - Thêm link audio vào bên website ta dùng lệnh sau: 18 VIDEO HTML5 • - Thêm video vào trang web ta dùng lệnh sau: ... ngơn ngữ HTML5 • Bài tập 6: Viết chương trình với thuộc tính background-color PHẦN LÀM BÀI TẬP THUỘC TÍNH STYLE TRONG HTML5 B, Thuộc tính color • HTML5< /h1> HTML5 • HTML5 • - Text-align chức dùng để lề cho văn • Ví dụ :
HTML5< /p> HTML5 • Bài tập 8: Viết chương trình dùng... TRONG HTML5 Để viết nhận xét HTML5 ta dùng dấu Ví dụ : Ví dụ : Lưu ý : - ! Trong thẻ mở , khơng có thẻ đóng - Giúp ghi lại mã nguồn HTML5