Ebook tự học HTML căn bản


Mục lục

 Lời nói đầu

1       Nghề làm web

1.1       Áp dụng “Nụ cười Stan Shih” vào nghề Công nghệ thông tin

1.2       Muốn theo nghề lập trình bắt đầu từ đâu?

1.2.1        Học theo chương trình chính quy

1.2.2        Học theo chương trình tự chế

1.3       Làm web là làm gì?

1.3.1        Các công đoạn căn bản để làm web

1.3.2        Một số vị trí trong nấc thang nghề nghiệp

1.3.3        Tham khảo quy trình để làm ra một sản phẩm phần mềm

1.4       Muốn làm web cần học những gì

1.5       Xem và đọc thêm

1.6       Bài tập và thực hành

2       Cách học

2.1       Học và Hành

2.2       Thang đo Bloom

2.3       Tháp học tập

2.4       Chu trình học tập Kolb

2.5       Mô hình Dreyfus

2.6       Xem và đọc thêm

2.7       Bài tập và thực hành

3       Lộ trình học web front-end

4       Web căn bản

4.1       Web

4.1.1        Web là gì?

4.1.2        Nội dung của web

4.1.3        Xem và đọc thêm

4.1.4        Bài tập và thực hành

4.1.5        Câu hỏi ôn tập

4.2       Trình duyệt web

4.2.1        Trình duyệt web là gì?

4.2.2        Quá trình hiển thị trang web của trình duyệt

4.2.3        Xem và đọc thêm

4.2.4        Bài tập và thực hành

4.2.5        Câu hỏi ôn tập

4.3       URL, siêu liên kết và siêu văn bản

4.3.1        URL là gì?

4.3.2        Giao thức File

4.3.3        Siêu liên kết

4.3.4        Siêu văn bản

4.3.5        Xem và đọc thêm

4.3.6        Bài tập và thực hành

4.3.7        Câu hỏi ôn tập

5       HTML

5.1       Tạo một trang web đơn giản

5.1.1        Trang web tĩnh là gì?

5.1.2        Chuẩn bị nội dung cho trang web

5.1.3        Cấu trúc cơ bản của một tài liệu HTML

5.1.4        Thêm cấu trúc và ngữ nghĩa cho nội dung

5.1.5        Phần tử kiểu block và inline

5.1.6        Xem và đọc thêm

5.1.7        Bài tập và thực hành

5.1.8        Câu hỏi ôn tập

5.2       Hoàn thiện một trang web đơn giản

5.2.1        Phần tử rỗng

5.2.2        Thuộc tính

5.2.3        Hiển thị tiếng Việt

5.2.4        Thêm CSS cho trang web

5.2.5        Kiểm tra tính hợp lệ của mã HTML

5.2.6        Xem và đọc thêm

5.2.7        Bài tập và thực hành

5.2.8        Câu hỏi ôn tập

5.3       Hiển thị văn bản

5.3.1        Đoạn văn bản và đề mục

5.3.2        Danh sách

5.3.3        Một số phần tử hiển thị nội dung khác

5.3.4        Xem và đọc thêm

5.3.5        Bài tập và thực hành

5.3.6        Câu hỏi ôn tập

5.4       Bố cục một trang web

5.4.1        Các phần tử tạo bố cục trang web

5.4.2        Xem và đọc thêm

5.4.3        Bài tập và thực hành

5.4.4        Câu hỏi ôn tập

5.5       Phần mềm lập trình web

5.5.1        Phân loại phần mềm lập trình

5.5.2        Sử dụng phần mềm lập trình

5.5.3        Xem và đọc thêm

5.5.4        Bài tập và thực hành

5.5.5        Câu hỏi ôn tập

5.6       Một số phần tử HTML khác

5.6.1        Các phần tử inline

5.6.2        Div và span

5.6.3        Cải thiện khả năng tiếp cận với ARIA

5.6.4        Hiển thị các kí tự đặc biệt

5.6.5        Xem và đọc thêm

5.6.6        Bài tập và thực hành

5.6.7        Câu hỏi ôn tập

5.7       Liên kết trang web

5.7.1        Trang web, website, ứng dụng web

5.7.2        Tạo liên kết

5.7.3        Liên kết ngoài

5.7.4        Liên kết trong một website

5.7.5        Liên kết trong một trang web

5.7.6        Liên kết đến phân đoạn trong trang khác

5.7.7        Hiển thị trang đích

5.7.8        Gửi email, gọi điện thoại bằng liên kết

5.7.9        Tải tập tin bằng liên kết

5.7.10     Xem và đọc thêm

5.7.11     Bài tập và thực hành

5.7.12     Câu hỏi ôn tập

5.8       Hình ảnh

5.8.1        Phần tử img

5.8.2        Ảnh SVG

5.8.3        Hiển thị ảnh linh hoạt

5.8.4        Xem và đọc thêm

5.8.5        Bài tập và thực hành

5.8.6        Câu hỏi ôn tập

5.9       Bảng

5.9.1        Hiển thị dữ liệu dưới dạng bảng

5.9.2        Gộp ô

5.9.3        Thêm ngữ nghĩa cho bảng

5.9.4        Bài tập và thực hành

5.9.5        Xem và đọc thêm

5.9.6        Câu hỏi ôn tập

5.10         Form

5.10.1     Tổng quan về Form

5.10.2     Các control phổ biến

5.10.3     Tăng tính ngữ nghĩa cho form

5.10.4     Tạo bố cục và thiết kế form

5.10.5     Bài tập và thực hành

5.10.6     Xem và đọc thêm

5.10.7     Câu hỏi ôn tập

5.11         Các thành phần nhúng

5.11.1     Iframe

5.11.2     Object và Embed

5.11.3     Video và Audio

5.11.4     Canvas

5.11.5     Bài tập và thực hành

5.11.6     Xem và đọc thêm

5.11.7     Câu hỏi ôn tập

5.12         Một số chủ đề khác

5.12.1     HTML không chỉ là ngôn ngữ đánh dấu

5.12.2     Cách tìm và sửa lỗi HTML

5.12.3     Chú thích

5.12.4     Bài tập và thực hành

5.12.5     Xem và đọc thêm

5.13         Tập làm dự án

5.13.1     Dự án 1

5.13.2     Dự án 2


Lời nói đầu

Câu hỏi đầu tiên xuất hiện trong đầu, khi bạn thực sự muốn bước chân vào lĩnh vực làm web là “muốn theo nghề làm web bắt đầu từ đâu?”.

Thực tế, bạn có thể bắt đầu theo nhiều cách, ví dụ:

– Cách một, học bài bản theo chương trình của một trường đại học, cao đẳng, hay trung tâm (tạm gọi là chương trình chính quy)

– Cách hai, tự học bằng cách kết hợp các chỉ dẫn, các bài học của rất nhiều thầy cô, anh chị trên mạng; cùng với các khóa học trực tuyến của các công ty, tổ chức, và cá nhân. Tạm gọi cách học thứ hai này là học theo chương trình tự chế ––tự các bạn chế ra.

Học bài bản theo chương trình chính quy có một số đặc điểm sau:

– Bạn phải vượt qua được các kì thi đầu vào, các đợt xét tuyển của các trường đại học và cao đẳng

– Học theo chương trình được thiết kế sẵn của các trường

– Chương trình học khá bài bản và chi tiết, cho phép bạn có thể lựa chọn và theo đuổi nhiều ngành nghề khác nhau

– Bạn cần phải chi trả một khoản tiền khá lớn cho học phí, học liệu, ăn ở, và đi lại

– Cần thời gian khá dài theo đúng tiến độ đào tạo của các trường

– Có nhiều môn học khó, đôi khi không thực sự cần thiết; có những môn học không phải là thế mạnh của bạn; hoặc bạn không thích, nhưng vẫn phải học

Trong phần tiếp theo (phần Tổng quan) sẽ trình bày cụ thể hơn về lộ trình học theo chương trình chính quy, để bạn có thêm một góc nhìn.

Tuy nhiên, nếu bạn không có nhiều tiền, nhưng có ý chí và muốn có một cái nghề; hoặc đơn giản bạn muốn tự tìm kiếm cho mình một con đường đi riêng, thì bạn vẫn hoàn toàn có thế học được nghề làm web theo chương trình tự chế.

Để học theo chương trình tự chế, bạn cần phải chuẩn bị một cái máy tính; một ít chi phí để mua các khóa học, tài liệu; nếu tính toán hợp lý, thì chi phí này bằng khoảng một tháng lương thử việc của các lập trình viên. Chi phí lớn nhất chính là thời gian, ý chí và quyết tâm của bạn. Tài liệu này được viết cho các bạn học theo kiểu tự chế. Mời bạn cùng trải nghiệm.

Để có thể làm web, bạn cần đạt được các điều sau:

– Nắm được các kiến thức cơ bản, cần thiết, để tạo ra sản phẩm; làm cơ sở giúp bạn học được các chủ đề nâng cao

– Học kiến thức một cách bài bản, có “lớp lang”, để trả lời được các câu hỏi “tại sao lại làm như vậy?”. Thực tế, có nhiều bạn biết làm nhưng không biết tại sao lại làm như vậy.

– Kỹ năng làm ra sản phẩm, làm nhiều thì sẽ quen, làm các sản phẩm từ dễ đến khó

– Kỹ năng tự học, tự đọc tài liệu (tiếng Việt, Anh) để có kiến thức áp dụng vào thực tế

– Thái độ đúng đắn khi làm nghề: yêu nghề, có đạo đức nghề nghiệp, tính kỉ luật, tinh thần trách nhiệm, khiêm tốn, không ngừng học hỏi

 “TỰ HỌC LÀM WEB, Tập 1 – HTML căn bản” là cuốn sách đầu tiên trong loạt các cuốn sách giúp bạn có thể tự tin bước vào nghề. Sách được viết theo kiểu dẫn dắt từng bước, bắt đầu với các kiến thức lý thuyết căn bản, đây được xem như những viên gạch nền móng, từ đó người học dễ dàng tiếp cận các kiến thức sâu hơn, khó hơn; tiếp đến có thể tự tìm tòi và thử nghiệm kiến thức đã biết vào việc tạo ra sản phẩm.

Tiếp sau phần kiến thức căn bản, tài liệu cũng cung cấp các từ khóa, liên kết tới các trang web, sách điện tử (ebook), và video khác trên mạng để bạn tự tìm hiểu, tự thực hành thêm, giúp bạn có thêm nhiều góc nhìn, nhiều thông tin và nhiều trải nghiệm hơn. Sau khi đã có những hiểu biết cơ bản về một chủ đề, tài liệu sẽ cung cấp các bài tập và bài thực hành nhằm giúp người đọc hiểu rõ hơn lý thuyết, từng bước nâng cao kỹ năng thực hành, có thể tạo ra các sản phẩm.

Ngoài ra, sách cũng có các bài tập, câu hỏi bằng tiếng Anh, giúp người đọc từng bước làm quen, để tiến tới sẽ đọc và làm việc với các tài liệu hoàn toàn bằng tiếng Anh. Bạn có thể sử dụng danh mục các từ tiếng Anh chuyên ngành tại đây: https://bit.ly/3iLYpgG.

Cuối mỗi phần sẽ có các câu hỏi trắc nghiệm, giúp người học hệ thống và củng cố lại kiến thức. Các bạn cũng sẽ tìm thấy liên kết đến các video bài giảng, hướng dẫn làm bài tập và thực hành ứng với mỗi chủ đề trên Youtube.

Cuối cùng là hướng dẫn để làm một số dự án.

Nội dung của cuốn sách này:

– Giới thiệu một số chủ đề về chọn nghề, học làm nghề và phương pháp học

– Kiến thức căn bản về web, trình duyệt, URL, siêu liên kết, siêu văn bản

– Kiến thức tổng quan về HTML

– Cách hiển thị văn bản

– Tìm hiểu về liên kết

– Hiển thị hình ảnh

– Thiết kế form

– Nhúng nội dung vào trang web

– Các chủ đề mở rộng liên quan đến HTML

– Tập làm dự án

Đây là cuốn sách đầu tiên trong loạt các cuốn sách tự học làm web. Cuốn sách tiếp theo bạn nên có là “TỰ HỌC LÀM WEB, Tập 2 – CSS căn bản”.

Dù đã cố gắng, nhưng tài liệu này chắc chắn còn hạn chế về kiến thức, kĩ năng, nhận định. Mong bạn luôn đọc trong tâm thế hoài nghi.

-----

– Tài liệu đầy đủ dạng ebook - 253 trang - Phiên bản 2023

– Phí tải tài liệu: 150k

– Bản in: 200k (chưa có phí vận chuyển)

– Chuyển khoản:  Vietcombank - 0071002068379 – Le Gia Cong

– Nội dung chuyển khoản: Tu hoc HTML can ban – email của bạn

Sau khi chuyển khoản, tài liệu sẽ được gửi qua email của bạn (bản pdf)

Thông tin liên hệ: nhắn tin qua fb ( https://www.facebook.com/legia.cong) hoặc email legiacong@gmail.com