Từ định dạng của tin nhắn văn bản bạn gửi đến vị trí của các liên kết bạn chọn, các thành phần quan trọng trong trải nghiệm trực tuyến của bạn chỉ hoạt động nhờ Ngôn ngữ đánh dấu siêu văn bản [HTML]
Một cuộc khảo sát về công nghệ web vào tháng 3 năm 2022 từ W3Techs cho thấy khoảng 94% trang web dựa vào HTML làm nền tảng cho cấu trúc và giao diện của chúng. Với sự hiện diện trực tuyến cần thiết cho các doanh nghiệp ngày nay, việc học ngôn ngữ đánh dấu giúp tận dụng tối đa hiệu suất và hiển thị của trang web công ty có thể mang lại cho bạn lợi thế trong thị trường việc làm
HTML hoạt động song song với lập trình và các ngôn ngữ công nghệ khác để làm cho các trang web và các tính năng trực tuyến khác hoạt động hiệu quả. Nhưng nếu HTML là một thành phần quan trọng trong việc tạo ra sự hiện diện trực tuyến, thì bạn học nó như thế nào?
Học những kiến thức cơ bản về HTML có thể mất ít nhất vài tuần, nhưng để thành thạo có thể mất nhiều thời gian hơn. HTML là một phần quan trọng của các chương trình giáo dục mã hóa trực tuyến điển hình, có thể chuẩn bị cho bạn một loạt các nghề nghiệp tập trung vào công nghệ. Cho dù bạn đang xem xét chương trình đào tạo viết mã hay cách tiếp cận khác để học HTML, bạn sẽ muốn điều tra
HTML là gì
Cách học HTML
Bạn có thể làm gì với HTML
Ví dụ mã hóa HTML
HTML là gì?
Ngôn ngữ đánh dấu siêu văn bản [HTML] là ngôn ngữ đánh dấu, không phải ngôn ngữ lập trình. Điều đó có nghĩa là nó chủ yếu chi phối sự xuất hiện của nội dung, trong khi các ngôn ngữ lập trình chỉ đạo các hành động của nhiều công cụ công nghệ và có bản chất tiên tiến và tương tác hơn so với HTML. Nhưng điều đó không làm cho HTML kém quan trọng hơn trong hoạt động của các công cụ trực tuyến
Siêu văn bản là văn bản liên kết với văn bản khác và ngôn ngữ đánh dấu là ngôn ngữ mã hóa được sử dụng để tạo một loạt hướng dẫn hướng dẫn kiểu dáng và cách thiết lập trang web hoặc ứng dụng trực tuyến. Thông qua một loạt các ký tự hoặc khoảng trắng được gọi là phần tử, HTML chỉ ra cách văn bản và các mục khác trên trang web trông hoặc hành động. Một chuỗi các phần tử HTML tạo thành một trang web hoàn chỉnh dựa trên HTML
Ví dụ: khi bạn nhìn thấy một hình ảnh trên một trang web có văn bản bao quanh nó, có khả năng HTML là thứ hướng dẫn văn bản đó bao quanh hình ảnh. Mã HTML làm cho tiêu đề lớn hơn và đậm hơn so với phần còn lại của văn bản trên trang và cung cấp văn bản mô tả để người dùng khiếm thị có thể hiểu hình ảnh hiển thị
Các bộ phận của một phần tử HTML
Có ba thành phần cùng nhau tạo nên một phần tử HTML. Các phần tử HTML cung cấp hướng dẫn về cách văn bản, hình ảnh, siêu liên kết và các phần tử khác của trang web trông và hoạt động cho người dùng. Sau đây là các phần chính của một phần tử HTML
Thẻ mở
Các ký tự của thẻ mở ghi chú phần đầu của kiểu hoặc hành động mà HTML đang hướng tới, sử dụng dấu ngoặc nhọn để đặt biểu tượng cho phần tử đó. một thẻ của
ở đầu văn bản, ví dụ, áp dụng một phần tử đoạn văn, cho biết phần đầu của đoạn văn
Nội dung
Phần nội dung của phần tử HTML đề cập đến tài liệu xuất hiện cho người dùng theo kiểu được chỉ định bởi mã HTML. Một số yếu tố chỉ định giao diện hoặc hành vi không chứa nội dung hiển thị cho người dùng;
Thẻ đóng
Các ký tự của thẻ đóng lưu ý phần cuối của kiểu được chỉ định. Các thẻ này chứa dấu gạch chéo về phía trước trước biểu tượng phần tử bên trong dấu ngoặc nhọn. Trong đoạn ví dụ, thẻ
sẽ chỉ ra phần cuối của đoạn vănCác phần tử cũng có thể có các thuộc tính, cung cấp thông tin bổ sung về phần tử thông qua các ký hiệu hiển thị các đặc điểm được gọi là tên và giá trị. Ví dụ, các thuộc tính có thể chỉ ra các đặc điểm như màu văn bản và phông chữ. Các thuộc tính trong một phần tử HTML chứa
Khoảng cách giữa thuộc tính và tên thành phần
Tên thuộc tính theo sau bởi một dấu bằng
Giá trị thuộc tính, được bao quanh bởi dấu ngoặc kép mở và đóng
Một thuộc tính có thể hướng dẫn cách một siêu kết nối sẽ xuất hiện khi người dùng chọn nó. Ví dụ: thuộc tính đích—mục tiêu=“_blank”—hướng dẫn liên kết mở trong tab mới
Nếu bạn đang áp dụng mã HTML để biểu thị một phần tử trong nội dung đã có một phần tử hướng dẫn sự xuất hiện của nó, thì phần tử đó được gọi là phần tử lồng nhau. Trong ví dụ về đoạn văn, một từ trong đoạn văn đó có thể được in đậm hoặc in nghiêng hoặc có thể bao gồm một siêu liên kết đến một trang khác
Cách HTML, CSS và JavaScript hoạt động cùng nhau
Một cân nhắc khác khi điều tra xem mất bao lâu để học HTML là cách nó phù hợp với các cơ chế khác để phát triển các trang web và ứng dụng trực tuyến. HTML là thứ hướng dẫn thiết lập trang web, nhưng các ngôn ngữ như Cascading Style Sheets [CSS] và JavaScript nâng cao và điều chỉnh các hướng dẫn cơ bản của HTML. CSS và JavaScript thường đi đôi với HTML khi học phát triển web
CSS
Sau khi HTML thiết lập nền tảng cho cấu trúc cơ bản của trang web, CSS sẽ xây dựng dựa trên các hướng dẫn đó để đảm bảo nội dung xuất hiện như dự kiến. CSS cung cấp hướng dẫn cấp cao hơn, cung cấp các yếu tố phức tạp và hành động nâng cao
Giống như HTML, CSS không phải là ngôn ngữ lập trình. Thay vào đó, CSS là ngôn ngữ biểu định kiểu cho phép bạn gán kiểu bổ sung cho các khu vực khác nhau, được gọi là hộp. Ví dụ, bạn có thể sử dụng CSS để cung cấp màu sắc hoặc hình nền cho trang web hoặc để thiết lập một phông chữ văn bản mặc định khác
CSS cũng hướng dẫn một trang web về cách giao diện của nó sẽ thích ứng với màn hình của các loại thiết bị khác nhau
JavaScript
JavaScript là một trụ cột khác trong số các ngôn ngữ phát triển web. Ngôn ngữ lập trình này hướng dẫn các tính năng phức tạp vượt ra ngoài thiết lập và giao diện tĩnh chủ yếu mà HTML và CSS hướng dẫn. Các chức năng này tạo thành lớp thứ ba trong việc tạo các trang web và ứng dụng trực tuyến, tiếp tục xây dựng trên nền tảng thiết lập và phong cách mà HTML và CSS thiết lập
Sự phổ biến của JavaScript khiến nó trở thành một phần quan trọng trong quá trình phát triển web và là thành phần chính của giáo dục viết mã. Vào tháng 3 năm 2022, khoảng 98% tất cả các trang web có lập trình phía máy khách như máy chủ web đều dựa vào JavaScript, theo W3Techs
Một số tính năng mà JavaScript có thể chỉ đạo là
đồ họa hoạt hình
Nguồn cấp dữ liệu truyền thông xã hội được nhúng
bản đồ tương tác
Cửa sổ bật lên
Cuộn video
Cách học HTML
Quá trình học HTML bắt đầu với kiến thức máy tính nói chung và hiểu cách làm việc với các tệp bạn sẽ sử dụng khi xây dựng trang web. Về việc mất bao lâu để học HTML, điều đó phụ thuộc vào mức độ phức tạp mà bạn đang tìm kiếm trong kiến thức phát triển web của mình
Bạn có thể học bằng cách sử dụng các tài nguyên từ sách đến chương trình đào tạo trực tuyến hoặc chương trình đào tạo trực tiếp dạy các công cụ phát triển web như HTML, CSS và JavaScript. Ví dụ, trong chương trình đào tạo ba phần của Học viện Fullstack, bạn dành bốn tuần cho các nguyên tắc cơ bản của phát triển web, bao gồm cả HTML;
Học HTML thường mất vài tuần đến vài tháng, tùy thuộc vào mức độ chuyên môn mà bạn muốn đạt được. Tuy nhiên, việc cập nhật các bản cập nhật cho HTML và các công cụ phát triển web khác đòi hỏi phải học hỏi liên tục
5 bước để học HTML
Để học HTML, thông thường bạn cần có một số phần cứng và phần mềm cơ bản. Trong số những công cụ đó có
Máy tính chạy Windows, Linux hoặc macOS
Một trình soạn thảo văn bản để viết mã
Một hệ thống kiểm soát phiên bản, giúp theo dõi các thay đổi đối với mã
Trình chỉnh sửa đồ họa để tạo hình ảnh
Trình duyệt web để kiểm tra mã
Một hệ thống tự động hóa để trợ giúp với các nhiệm vụ lặp đi lặp lại
Giáo dục HTML cơ bản thường dạy các bài học qua năm bước bao gồm các chủ đề sau
Thẻ là gì—Các khái niệm liên quan đến thẻ HTML, các ký tự biểu thị kiểu hoặc hành động mà bạn muốn mã HTML hướng tới
Cách bố cục hoạt động—Vị trí thích hợp cho các thẻ để đảm bảo bố cục chính xác của trang HTML
Nên sử dụng những thẻ cơ bản nào—Các thẻ HTML thường được sử dụng và khi nào nên sử dụng chúng
Cách định dạng hình ảnh—Việc sử dụng HTML để đảm bảo hình ảnh xuất hiện như bạn muốn trên trang
Cách định dạng siêu liên kết—Thẻ HTML để tạo liên kết đến các trang khác trên trang web của bạn
Học HTML nâng cao
Đào tạo HTML nâng cao vượt ra ngoài các thẻ tiêu chuẩn để kết hợp các yếu tố định dạng bổ sung trực tiếp. Khóa đào tạo nâng cao này có thể kéo dài thời gian đào tạo của bạn
Các khái niệm HTML cấp cao hơn bao gồm các chức năng được thêm vào trong các phiên bản cập nhật của HTML, chẳng hạn như bản cập nhật quan trọng gần đây nhất, HTML5. Phiên bản này bao gồm các yếu tố mà các phiên bản cũ hơn không hỗ trợ, vì vậy phiên bản cập nhật hoạt động trơn tru hơn với—hoặc độc lập với—CSS và JavaScript để thực hiện các chức năng nâng cao trong một số trường hợp
Sau đây là một số tùy chọn định dạng hướng HTML nâng cao
Các từ viết tắt
trích dẫn
Thông tin liên lạc
Ngày và giờ
Danh sách thuật ngữ và mô tả
báo giá
Chỉ số trên và chỉ số dưới
Bạn có thể làm gì với HTML?
HTML là xương sống của các trang web dành cho doanh nghiệp, tổ chức truyền thông, nhà bán lẻ trực tuyến và trường học. Nói một cách đơn giản, không có HTML, internet không thể hoạt động như cách nó vốn có. Nhưng ngôn ngữ đánh dấu không chỉ là nền tảng của các trang web, email và bản tin trực tuyến. HTML cũng có thể được sử dụng cho nhiều tác vụ nâng cao các ứng dụng web. Dưới đây là một số ví dụ về những gì bạn có thể làm với HTML
Phát triển web
HTML là nền tảng cho giao diện và chức năng của các trang trực tuyến, bao gồm giao diện văn bản, vị trí hình ảnh và xây dựng siêu liên kết. Thường được hợp tác với các khả năng của CSS và JavaScript, mã hóa HTML tạo điều kiện thuận lợi cho các tác vụ mà một trang web thực hiện
Sự phát triển trò chơi
HTML có thể hướng dẫn xây dựng trò chơi cho máy tính cá nhân, điện thoại thông minh, TV thông minh và máy tính bảng. Thông qua các lệnh HTML, bạn cũng có thể quảng cáo và quảng bá trò chơi, chấp nhận thanh toán và thu thập dữ liệu người dùng
Lưu trữ dữ liệu
Các lệnh HTML có thể hỗ trợ các tính năng như danh sách việc cần làm, giỏ mua hàng trực tuyến và lưu trữ dữ liệu người dùng. Chúng có thể cho phép lưu trữ dữ liệu hoặc hình ảnh trong một phiên người dùng hoặc cho nhiều lượt truy cập vào một trang web
Điều hướng Internet
Một phần tử HTML có thể định hướng điều hướng của các trang web. Các chỉ mục, menu và mục lục có thể hoạt động dựa trên các hướng dẫn được tạo thông qua HTML
Khả năng truy cập web
Mã HTML có thể cung cấp các mô tả hình ảnh phục vụ cho người dùng khiếm thị và dựa vào công nghệ hỗ trợ để khám phá hình ảnh của trang web. Các phần tử HTML cũng có thể làm cho các liên kết, biểu mẫu, nút và trình phát đa phương tiện của trang web dễ tiếp cận hơn đối với những người khuyết tật
Thanh toán trực tuyến
Tạo thuận lợi cho thương mại điện tử là một ví dụ khác về những gì bạn có thể làm với HTML. Thường được sử dụng cùng với JavaScript, HTML có thể hướng dẫn các trang web chấp nhận thanh toán trực tuyến
Ví dụ mã hóa HTML
Khi bạn xem xét các nội dung cơ bản của việc học HTML, hãy xem xét một số yếu tố mà bạn có thể sẽ học khi bạn làm việc để thành thạo ngôn ngữ này
tiêu đề
Tiêu đề làm cho nội dung của trang web dễ điều hướng hơn cho người dùng và cho trình đọc màn hình hỗ trợ những người gặp khó khăn khi đọc. Họ chia nhỏ các phần của văn bản, giống như một phác thảo. Tiêu đề chính đóng vai trò là tiêu đề mô tả mục đích của nội dung và các tiêu đề phụ chia nhỏ văn bản bên dưới tiêu đề chính
Các thẻ HTML cho tiêu đề bao gồm từ thẻ mở của
và thẻ đóng của thẻ mở của và thẻ đóng của, với các tiêu đề được sử dụng theo thứ tự giảm dần của kích thước văn bản. Mỗi trang thường có một tiêu đề chính duy nhất với kích thước tiêu đề nhỏ hơn chia nhỏ văn bản tiếp theođoạn văn
Đặt nội dung vào các đoạn trên trang web là một cách khác giúp người dùng và thiết bị hỗ trợ điều hướng dễ dàng hơn. Trình duyệt tự động tách các đoạn văn bằng một dòng. Thẻ mở đầu cho phần tử đoạn văn là
, và thẻ đóng là
.Hình ảnh
Mã HTML có thể định hướng vị trí của hình ảnh chẳng hạn như ảnh hoặc tác phẩm nghệ thuật hoạt hình trên trang web. Thẻ nhúng hình ảnh. Các thuộc tính có thể cung cấp các chi tiết bổ sung, bao gồm văn bản mô tả hình ảnh trong trường hợp trình duyệt không hiển thị hình ảnh hoặc người dùng không thể nhìn rõ hình ảnh đó.
Chữ
Các phần tử do HTML chỉ định cho văn bản giúp chỉ ra mục đích và cấu trúc của các phần văn bản. Chúng nâng cao khả năng đọc và cải thiện thứ hạng của công cụ tìm kiếm cho nội dung web. Ví dụ, một
thẻ cho biết một trích dẫn dài được thụt vào; thẻ chỉ ra một sự thay đổi trong chủ đề của văn bảndanh sách
Các yếu tố tạo nên một danh sách cũng là các ví dụ mã hóa HTML. Một
thẻ chỉ định danh sách có thứ tự, thường xuất hiện dưới dạng danh sách được đánh số. Danh sách không có thứ tự, thường được gạch đầu dòng, hãy xem
nhãn. Một
- thẻ xuất hiện cùng với các mục riêng lẻ tạo thành danh sách
Mở ra cơ hội phát triển web
Bây giờ bạn đã tìm hiểu HTML là gì, lộ trình học ngôn ngữ này và mất bao lâu để học HTML, hãy thực hiện bước tiếp theo bằng cách khám phá Học viện Fullstack. Bootcamp mã hóa của nó có thể cung cấp nền tảng cho sự nghiệp thành công trong lĩnh vực công nghệ, bao gồm các chương trình tập trung vào HTML cũng như các ngôn ngữ và kỹ năng có giá trị khác
Học HTML có khó không?
HTML là ngôn ngữ đánh dấu tiêu chuẩn cho các trang Web. Với HTML, bạn có thể tạo trang web của riêng mình. HTML rất dễ học - Bạn sẽ thích nó.Tôi có thể học HTML trong 3 tháng không?
bạn có thể học html+css một cách nhanh chóng, thậm chí trong vòng chưa đầy 3 tuần . nhưng js sẽ cần hơn 3 tháng. học không phải là loại động từ "tôi đã hoàn thành 100% việc này". Sau 3 tháng bạn có thể giỏi nhưng vẫn phải học.Tôi có thể học HTML trong 7 ngày không?
Để trả lời câu hỏi này, CÓ, bạn có thể học HTML trong 2 tuần . Tuy nhiên, bạn cần có một lộ trình để hiểu cách chia ngày của mình theo các khái niệm trong HTML yêu cầu.Tôi có thể học HTML trong 5 ngày không?
Bạn có thể mất tới 4-5 ngày để học các thẻ HTML cơ bản nếu bạn là người hoàn toàn mới bắt đầu . Và học CSS cùng với đó có thể chỉ thêm 3-4 ngày nữa vào nhiệm kỳ học tập. Ghi chú. Có thể chỉ mất hơn 4-5 ngày nếu bạn muốn tìm hiểu gần như tất cả các thẻ HTML và cách sử dụng chúng.