Cùng với sự phát triển của công nghệ 4.0, kỹ thuật, điện tử và ứng dụng tin học dần trở thành những lĩnh vực ưu việt của nhân loại. Máy tính, công nghệ thông tin, phần mềm và lập trình luôn là những lĩnh vực thu hút sự quan tâm hiện nay. Và việc ứng dụng website cũng trở nên vô cùng phổ biến. Để có thể phát triển trang web, nắm vững các kiến thức cơ bản là điều trọng yếu. Và HTML là gì? Các thẻ HTML cơ bản và ứng dụng ra sao là những kiến thức nền tảng cho kỹ năng làm web.
HTML là gì? HTML làm từ viết tắt của cụm tiếng Anh HyperText Markup Language, có nghĩa là “ngôn ngữ đánh dấu siêu văn bản”. Đây là một dạng ngôn ngữ đặc biệt, khác với các ngôn ngữ ký tự hay ngôn ngữ kịch bản thi hành tác vụ. HTML là ngôn ngữ được thiết kế với mục đích tạo lập trang web từ các nguồn thông tin có trên World Wide Web – mạng lưới toàn cầu. Chúng có khả năng giúp người dùng tạo và cấu trúc thành phần trong trang web hoặc có thể ứng dụng phân chia đoạn văn hay heading, links, blockquotes…
Ngôn ngữ đánh dấu siêu văn bản HTML và ứng dụng Web
HTML còn được biết đến như một ứng dụng đơn giản của hệ thống chức và gắn thẻ yếu tố của một tài liệu. Đồng thời chúng còn được sử dụng trong các tổ chức cần yêu cầu xuất bản phức tạp. Và việc sử dụng HTML là một trong những kỹ năng cơ bản của người phát triển website. Làm thế nào để tạo ra nội dung trang web bằng HTML luôn là bài toán trước tiên để bồi đắp kỹ năng tạo Web.
Và thêm một điều quang trọng cần lưu ý, HTML không phải là một dạng ngôn ngữ lập trình, có nghĩa chúng không thể tạo ra các chức năng “động” được. Vì vậy HTML chỉ có chức năng tương tự như Microsoft Word với khả năng dùng để bố cục và định dạng trang web.
Xem thêm chi tiết về HTML là gì? đây nè
2. HTML hoạt động như thế nào
Tiếp nối câu hỏi HTML là gì, chúng ta sẽ cùng tìm hiểu HTML hoạt động như thế nào. Có thể nhận ra HTML documents với đặc điểm cơ bản chính là files kết thúc với đuôi .html hay .htm. Người dùng có thể dễ dàng xem chúng trên các trình duyệt bất kỳ như: Google Chrome, Safari, hay Mozilla Firefox… Các trình duyệt sẽ mã hóa để đọc các HTML này sau đó tiến hành xuất bản nội dung tại các trang Web hay bất kỳ môi trường Internet nào để người đọc có thể tiếp cận được với nguồn dữ liệu.
Thông thường, một trang Web không được cấu trúc đơn độc mà chứa rất nhiều trang HTML riêng như: trang chủ, trang about, trang liên hệ… Và mỗi trang HTML lại chứa nhiều tag nhỏ khác để tạo thành khối liên kết cho một Website. HTML là ngôn ngữ đánh dấu bằng thẻ, có nghĩa là lập trình viên sẽ đánh dấu các văn bản text bằng một thẻ tag, giúp trình duyệt nhận biết được cách để cấu trúc hiển thị ra màn hình.
3. Các thẻ HTML cơ bản nhất hiện nay
Thẻ Headings
Đây là thẻ theo ngayày sau khi mở thẻ HTML, tức người lập trình có thể thấy thẻ này ngay trên phần đầu của văn bản HTML. Thông thường, thẻ Head không bao gồm các nội dung sẽ hiển thị đến người dùng. Chúng chỉ đơn giản là một bộ phận giúp trang Website có thể hoạt động theo mục đích cụ thể nào đó. Tất cả các phần tử tiêu đề bắt buộc phải có thẻ kết thúc.
Có thể bắt đầu với thẻ <H1> và kết thúc bằng </H1>.
Các loại thẻ ở mức đoạn. Có 3 loại thẻ chính là:
<ADDRESS>, <BLOCKQUOTE> và <PRE>
Thẻ <ADDRESS>: dùng để hiển thị các nội dung như: địa chỉ, tên tác giả, chữ ký… Những thông tin này thường được hiển thị phía cuối trang Web và có thể chứa một hoặc một vài phần như: Liên kết đến trang chủ, đặc tính chuỗi tìm kiếm hay thông tin bản quyền…
Thẻ <BLOCKQUOTE>: Đây là thẻ trích dẫn. Người dùng có thể sử dụng thẻ này để trích một phần nội dung văn bản nào đó. Khi hiển thị trên trình duyệt Web, chúng sẽ là những phân đoạn được thụt vào đầu dòng
Thẻ <PRE>: Thẻ này dùng để hiển thị văn bản với định dạng đã được xác định trước. Khi văn bản hiển thị trong trình duyệt Web, chúng sẽ được trình bày theo đúng cấu trúc định dạng đã được xác định trước trong mã nguồn HTML.
Thẻ khối <SPAN>, <DIV>
Thẻ này giúp áp dụng những thuộc tính thông thường cho toàn bộ khối trong trường hợp người dùng muốn chia văn bản trong một trang Web thành nhiều khối liên kết Logic với nhau. Hai phần tử DIV và SPAN có tác dụng nhóm nội dung lại với nhau. DIV giúp nhóm các tài liệu có nội dung liên quan lại một nhóm với nhau. Trong khi đó SPAN dùng để chỉ một khoảng các đối tượng.
Thêm 1 vài thẻ nữa như: <a>, <input>, <form>,<button>, <img> (Chỉ cần mô tả ngắn gọn chức năng là gì)
4. Ưu – nhược điểm của HTML
Thông thường, HTMLcác HTML đều sẽ có những ưu – nhược điểm riêng:
Ưu điểm
HTML cho phép người dùng khai thác nguồn tài nguyên phong phú
Có thể sử dụng rất mượt mà trên hầu hết mọi trình duyệt
Mã nguồn của HTML là nguồn mở và hoàn toàn miễn phí với người dùng
HTML được vận hành bởi World Wide Web Consortium
Nhược điểm
HTML chủ yếu dùng cho Web tĩnh và không có tính “động”
Do tính tự động thực thi những logic nhất định, các trang Web buộc phải tạo ra sự riêng biệt
Không dễ để kiểm soát thực thi của trình duyệt
HTML là một trong những phần cơ bản nhất để tiếp cận và nâng cao khả năng phát triển Web. Và chúng ta đã vừa được tìm hiểu Html là gì ? cũng như chức năng của các thẻ html ra sao. Hy vọng các thông tin trên đây có thể cung cấp cho bạn đọc những kiến thức thú vị, bổ ích về ngôn ngữ đánh dấu siêu văn bản này.
Devwork là Nền tảng TUYỂN DỤNG IT CẤP TỐC với mô hình kết nối Nhà tuyển dụng với mạng lưới hơn 30.000 headhunter tuyển dụng ở khắp mọi nơi.Với hơn 1800 doanh nghiệp IT tin dùng Devwork để :
Tag Cloud:
Tác giả: Trần Huy Hoàng
Việc làm tại Devwork
Bài viết liên quan
URL là gì? Tìm hiểu ý nghĩa và cách tối ưu URL chuẩn SEO
Bạn có bao giờ tự hỏi làm thế nào mà trình duyệt web lại tìm thấy chính xác trang web bạn muốn truy cập giữa hàng tỷ website ngoài kia không? Câu trả lời nằm ở một chuỗi ký tự tưởng chừng đơn giản nhưng cực kỳ quan trọng - URL. Vậy URL là gì, vai trò và cấu tạo như thế nào? Nếu bạn là người làm việc trong lĩnh vực IT, phát triển web, hoặc đơn giản là một người dùng muốn hiểu rõ hơn về cách thức vận hành của mạng lưới toàn cầu, bài viết này chính là dành cho bạn...
Hosting là gì? Giải mã về hosting và cách hoạt động
Khi bắt đầu xây dựng website, chắc hẳn bạn đã nghe đến khái niệm hosting hàng chục lần. Nhưng hosting là gì, nó có vai trò ra sao trong việc vận hành website và làm sao để chọn được dịch vụ phù hợp? Bài viết này, Devwork sẽ giúp bạn giải mã mọi thắc mắc từ cơ bản đến chuyên sâu về thế giới Web Hosting, từ khái niệm, các loại hình phổ biến cho đến cách thức chúng hoạt động, đảm bảo bạn sẽ có cái nhìn toàn diện nhất!
Lương gross là gì? Cách quy đổi lương gross sang net dễ hiểu nhất
Khi phỏng vấn hoặc đọc hợp đồng lao động, lương gross là cụm từ xuất hiện gần như 100%. Nhưng lương gross là gì mà lại quan trọng đến vậy? Nếu bạn đang bối rối chưa biết lương gross là gì và lương net là gì thì bài viết này Devwork sẽ giúp bạn hiểu tường tận từ khái niệm, cách tính cho đến cách quy đổi đơn giản nhất.
Cách đặt mật khẩu máy tính đơn giản, bảo mật tuyệt đối 2026
Chiếc máy tính, dù là PC hay laptop không chỉ là công cụ làm việc mà còn là "ngân hàng" lưu trữ vô số dữ liệu quan trọng: tài liệu cá nhân, thông tin ngân hàng, hình ảnh riêng tư... Nếu một ngày, những thông tin này rơi vào tay kẻ xấu, hậu quả sẽ thế nào? Chỉ với vài bước đơn giản, bạn có thể bảo vệ máy tính an toàn tuyệt đối bằng cách đặt mật khẩu máy tính. Bài viết này Devwork sẽ hướng dẫn chi tiết từ A-Z, phù hợp cho cả người dùng laptop và PC, giúp bạn tự làm được ngay lần đầu tiên.
Intern là gì? Toàn bộ những điều bạn cần biết về vị trí Intern
Với sự gia tăng mạnh mẽ của nhu cầu tuyển dụng thực tập sinh tại các doanh nghiệp, khái niệm intern và internship ngày càng trở nên quen thuộc, đặc biệt với sinh viên năm cuối, người mới ra trường. Tuy nhiên, không ít bạn trẻ vẫn còn băn khoăn intern là gì, làm intern là làm gì, hay công việc intern có gì khác với fresher. Trong bài viết này, Devwork.vn sẽ giúp bạn hiểu rõ hơn về vị trí intern, đồng thời chia sẻ những cơ hội thực tập hấp dẫn dành cho người mới bắt đầu.
Case study là gì? Phương pháp phân tích case study hiệu quả
Case study không phải cụm từ xa lạ trong marketing, kinh doanh hay học tập. Nhưng làm sao để tiếp cận và giải case study hiệu quả thì không phải ai cũng biết và làm được. Chính vì vậy, trong bài viết hôm nay, cùng Devwork đi tìm hiểu chi tiết về case study là gì, khám phá bí mật đằng sau các case study thành công, từ đó giúp bạn có cái nhìn toàn diện nhất để áp dụng vào công việc hoặc doanh nghiệp của mình.
