HTML là gì (chi tiết nhất)




HTML là gì (chi tiết nhất)

HTML là chữ viết tắt của Hypertext Markup Language, là ngôn ngữ được sử dụng rộng rãi nhất để viết các trang Web.

  • Hypertext là cách mà các trang Web (các tài liệu HTML) được kết nối với nhau. Và như thế, đường link có trên trang Web được gọi là Hypertext.

  • Như tên gọi đã gợi ý, HTML là ngôn ngữ đánh dấu bằng thẻ (Markup Language), nghĩa là bạn sử dụng HTML để đánh dấu một tài liệu text bằng các thẻ (tag) để nói cho trình duyệt Web cách để cấu trúc nó để hiển thị ra màn hình.

Lúc đầu, HTML được phát triển với mục đích để xác định cấu trúc của các tài liệu như các tiêu đề, các đoạn văn, các danh sách… và tạo sự thuận lợi cho việc chia sẻ thông tin khoa học giữa các nhà nghiên cứu.

Bây giờ, HTML đã được sử dụng rộng rãi để định dạng các trang Web với sự giúp đỡ của các tag khác nhau có trong ngôn ngữ HTML.

Ví dụ một tài liệu HTML cơ bản

Dưới đây là một ví dụ về một trong các mẫu đơn giản nhất của tài liệu HTML.




Day la tieu de


Day la dau de

Phan noi dung cua tai lieu ...

Bạn có thể sử dụng tùy chọn Try it có trên góc trên bên phải của hộp code để kiểm tra kết quả của code HTML này, hoặc bạn lưu nó vào trong file HTML (test.htm), sử dụng bộ biên soạn văn bản mà bạn thích. Cuối cùng, bạn sử dụng một trình duyệt Web chẳng hạn như Internet Explore, Google Chrome, hoặc Firefox… để mở nó. Nó sẽ hiển thị kết quả sau:

Ví dụ HTML

Các thẻ trong HTML - Tag trong HTML

Như đã trình bày ở trên, HTML là ngôn ngữ đánh dấu bằng thẻ (tag) và sử dụng các thẻ khác nhau để định dạng nội dung. Những thẻ này được chứa trong hai dấu ngoặc đơn . Trừ một vài thẻ, hầu hết các thẻ đều có các thẻ đóng tương ứng với nó. Ví dụ, thẻ có thẻ đóng tương ứng là và thẻ có thẻ đóng tương ứng là ...

Ví dụ trên về tài liệu HTML đã sử dụng các thẻ sau đây:

TagMiêu tả
Còn gọi là thẻ khai báo một tài liệu HTML. Thẻ này xác định loại tài liệu và phiên bản HTML.
Thẻ này bao phủ các tài liệu HTML đầy đủ. Còn đầu trang tài liệu thì được biểu diễn bởi các thẻ ... và thân tài liệu là các thẻ ... .
Thẻ này đại diện cho đầu trang tài liệu mà có thể giữ các thẻ HTML như , <link> ...</td></tr> <tr><td><title></td><td>Thẻ <b><title></b> được sử dụng trong thẻ <head> chỉ tiêu đề tài liệu.</td></tr> <tr><td><body></td><td>Thẻ này đại diện cho thân tài liệu và giữ các thẻ như <h1>, <div>, <p> ...</td></tr> <tr><td><h1></td><td>Thẻ này đại diện cho các tiêu đề trang.</td></tr> <tr><td><p></td><td>Thẻ này đại diện cho đoạn văn.</td></tr> </table> <p>Để học HTML, bạn sẽ cần phải học các thẻ khác nhau và hiểu cách chúng vận hành trong khi định dạng tài liệu thuần văn bản. Học HTML là đơn giản khi người sử dụng học được cách sử dụng của các thẻ khác nhau để định dạng văn bản hoặc hình ảnh để tạo các trang Web đẹp.</p> <p><b>World Wide Web Consortium (W3C)</b> đề nghị sử dụng các thẻ chữ thường bắt đầu từ HTML 4.</p> <h2>Cấu trúc tài liệu HTML</h2> <p>Một tài liệu HTML đặc trưng có cấu trúc cơ bản sau:</p> <pre class="result" style="margin-top:5px;"> Thẻ khai báo <!DOCTYPE> </pre> <pre class="result" style="margin-top:5px;"> <html> <head> Các thẻ liên quan tới đầu đề tài liệu </head> <body> Các thẻ liên quan tới phần thân tài liệu </body> </html> </pre> <p>Chúng ta sẽ học về các thẻ <b><head></b> và thẻ <b><body></b> trong các chương tiếp theo, bây giờ chúng ta sẽ tìm hiểu về thẻ khai báo trong HTML.</p> <h2>Thẻ khai báo <!DOCTYPE> </h2> <p>Thẻ khai báo <!DOCTYPE> được sử dụng để các trình duyệt Web biết được phiên bản HTML mà bạn sử dụng. Phiên bản hiện tại của HTML là 5 và sử dụng thẻ khai báo sau:</p> <pre class="prettyprint"> <!DOCTYPE html> </pre> <p>Phụ thuộc vào phiên bản của HTML mà có rất nhiều loại thẻ được sử dụng. Chúng ta sẽ tìm hiểu chi tiết về các thẻ <!DOCTYPE...> này song song với các thẻ HTML khác.</p> <div> <p><b>Bài học HTML phổ biến khác tại hoconline.club:</b></p> <ul class="list"><li><a href="https://hoconline.club/html/comment_trong_html.jsp">HTML - Comment</a></li> <li><a href="https://hoconline.club/html/hinh_anh_trong_html.jsp">HTML - Hình ảnh</a></li> <li><a href="https://hoconline.club/html/bang_trong_html.jsp">HTML - Tạo bảng</a></li> <li><a href="https://hoconline.club/html/tao_danh_sach_trong_html.jsp">HTML - Tạo danh sách</a></li> <li><a href="https://hoconline.club/html/thiet_lap_background_trong_html.jsp">HTML - Thiết lập Background</a></li> <li><a href="https://hoconline.club/html/mau_trong_html.jsp">HTML - Thiết lập màu</a></li> <li><a href="https://hoconline.club/html/font_trong_html.jsp">HTML - Thiết lập Font</a></li> <li><a href="https://hoconline.club/html/form_trong_html.jsp">HTML - Form trong HTML</a></li></ul> </div> <hr> <div class="pre-btn"> <a href="../html/"><i class="icon icon-arrow-circle-o-left big-font"></i> Trang trước</a> </div> <div class="pdf-btn"></div> <div class="nxt-btn"> <a href="../html/cac_the_html_co_ban.jsp">Trang sau <i class="icon icon-arrow-circle-o-right big-font"></i> </a> </div> <hr> <div class="fb-comments" data-order-by="social" data-href="http://hoconline.club/html/html_la_gi.jsp" data-width="100%" data-numposts="5"></div><hr> <div class="bottomgooglead"> <div class="bottomadtag">Bài viết liên quan</div> <div><ul class="list"> <li><p><a href="https://hoconline.club/ngu-phap-tieng-anh/">160 bài học ngữ pháp tiếng Anh hay nhất</a></p></li> <li><p><a href="https://hoconline.club/java/">155 bài học Java tiếng Việt hay nhất</a></p></li> <li><p><a href="https://hoconline.club/android/">100 bài học Android tiếng Việt hay nhất</a></p></li> <li><p><a href="https://hoconline.club/css/">247 bài học CSS tiếng Việt hay nhất</a></p></li> <li><p><a href="https://hoconline.club/html/">197 thẻ HTML cơ bản</a></p></li> <li><p><a href="https://hoconline.club/php/">297 bài học PHP</a></p></li> <li><p><a href="https://hoconline.club/cplusplus/">101 bài học C++ hay nhất</a></p></li> <li><p><a href="https://hoconline.club/bai_tap_cplusplus_co_giai/">97 bài tập C++ có giải hay nhất</a></p></li> <li><p><a href="https://hoconline.club/javascript/">208 bài học Javascript có giải hay nhất</a></p></li> </ul> </div> </div> </div> <div class="row"> </div></div> </div> </div> </div><div class="footer_ads"></div> <script type="text/javascript" src="../FrontEndWeb/js/sp.js"></script> <script type="text/javascript" src="/jvfrontend/javascript-v6.js?v=3"></script> </div><script type="text/javascript" src="../theme/js/custom-min.js"></script> <script type="text/javascript" src="../theme/js/jquery.colorbox-min.js"></script> <script type="text/javascript"> var tryit = new $.TryIt('../html/try_html.jsp'); tryit.compile(); </script> </div> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K2SNMM8" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript></body></html>