STDIO
Tìm kiếm gần đây
    • Nội dung
    • QR Code
    • 0
    • 0
    • Sao chép

    HTML - Phần 1: Cơ Bản Về HTML

    Các kiến thức cơ bản về HTML trong thiết kế web và tạo trang web đầu tiên với HTML.
    20/10/2015
    29/08/2020
    3 phút đọc
    HTML - Phần 1: Cơ Bản Về HTML

    Tổng quan về HTML

    HLML là gì?

    HTML viết tắt của cụm từ Hyper Text Markup Language (ngôn ngữ đánh dấu siêu văn bản), sử dụng để xây dựng cấu trúc và định dạng các siêu văn bản của một trang web, chính vì vậy mà HTML được xem là bộ khung của một website.

    Một tài liệu HTML được tạo thành từ những phần tử HTML được quy định bởi các thẻ (tags) xác định bởi cặp dấu đóng mở ví dụ như <html></html>. Mỗi tags sẽ có cách hiển thị khác nhau trên trình duyệt.

    Thông thường mội website sẽ có rất nhiều tài liệu html thường gọi là file (tập tin) html. Mỗi tài liệu như vậy đều có phần mở rộng là .htm hay .html.

    Lịch sử hình thành

    Từ khi được phát minh và phát triển đến nay thì HTML có rất nhiều phiên bản khác nhau. Phiên bản bản mới nhất là HTML5 được phát hành chính thức vào năm 2014 với nhiều tính năm mới như 1 cuộc đại cách mạng thế giới web.

    Phiên bản Năm
    HTML 1991
    HTML 2.0 1995
    HTML 3.2 1997
    HTML 4.01 1999
    XHTML 2000
    HTML5 2014

    Công cụ lập trình web

    Để lập trình một trang web với HTML cần có những công cụ như sau:

    Text Editor

    Text Editor là chương trình soạn thảo tài tài liệu, code trong đó có HTML. Có rất nhiều Text Editor để làm được việc như Notepad, Notepad++, Dream Viewer, Sublime Text, Visual Studio Code.

    Trong đó Visual Studio Code được phát triển bởi Microsoft hỗ trợ rất nhiều nền tảng như Windows, MacOS, Linux, ...

    Web Browser

    Web browser là trình duyệt web như Google Chorme, Mozilla Firefox, Internet Explorer, ... nhiệm vụ của nó là đọc file HTML được soạn thảo bởi các Text Editor và hiển thị thông tin từ cái file.

    Cấu trúc của tài liệu HTML

    Một tài liệu HTML thông thường sẽ có 3 phần cơ bản như sau:

    • <!DOCTYPE ...>: thông báo phiên bản HTML đang sử dụng cho trình duyệt web.
    • <head></head>: khai tất cả thông tin của tài liệu HTML như khai báo về <meta, <title, CSS, JavaScript.
    • <body></body>: chứa nội dung của trang web cần hiển thị.

    Với những phiên bản HTML khác nhau có <!DOCTYPE khác nhau như sau:

    • <!DOCTYPE html>: HTML5.
    • <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">: HTML 4.01.
    • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">: XHTML 1.0.

    Cấu trúc của một trang web:

    <!DOCTYPE html>
    <html>
    	<head>
    		<!-- Khai báo các thông tin của tài liệu HTML được viết ở đây -->
    	</head>
    	
    	<body>
    		<!-- Nội dung của tài liệu HTML được viết ở đây -->
    	</body>
    </html>
    

    Tạo tài liệu HTML với Visual Studio Code

    Mở Visual Studio Code, tạo 1 file myweb.htm và mở bằng Visual Studio Code, soạn thảo mã như bên dưới và lưu lại:

    <!DOCTYPE html>
    <html>
    	<head>
    		<title>Lập trình HTML</title>
    	</head>
    	
    	<body>
    		<p>Xin chào tất cả các bạn!</p>
    	</body>
    </html>
    Lập trình web html.

    Mở file này bằng trình duyệt web được kết quả như sau:

    Tạo trang web html.

    Bài chung series

    0
    HTML Cheat Sheet

    HTML Cheat Sheet

    STDIO Training - Đào tạo lập trình Front-end.

    Khi bạn nhấn vào liên kết sản phẩm do STDIO đề xuất và mua hàng, STDIO có thể nhận được hoa hồng. Điều này hỗ trợ STDIO tạo thêm nhiều nội dung hữu ích.. Tìm hiểu thêm.

    Đề xuất

    HTML - Phần 2: Các Thẻ Định Dạng Văn Bản
    Giới thiệu và hướng dẫn sử dụng 1 số thẻ định dạng văn bản HTML.
    HTML - Phần 3: Thẻ Liên Kết trong HTML
    Thẻ liên kết <a href="...">...</a> được xem như là trái tim của 1 trang ...

    Khám phá

    Cơ Bản Vẽ Trên <canvas> 2D Với HTML5
    Giới thiệu HTML5 canvas, tạo đối tượng vẽ, các đường nét, hình chữ nhật, ...
    HTML - Phần 8: Thẻ Form trong HTML
    Thẻ <form> - "khung nhập liệu" trong HTML điền thông tin ứng dụng trong ...
    Học SEO Trong 1 Ngày - Phần 1
    Hiểu biết về cách hoạt động của Google, keyword và các công cụ hỗ trợ ...
    Định Dạng Ảnh Bitmap - Giới Thiệu và Các Thao Tác Cơ Bản
    Trong đời thường, bạn sẽ gặp các file ảnh có định dạng .PNG, .JPG, .TGA, ...
    HTML - Phần 4: Các Thẻ Định Dạng Danh Sách
    Các thẻ định dạnh danh sách <ul>, <ol>, <li> trong HTML. Các thẻ danh ...
    HTML - Phần 6: Các Thẻ Input trong HTML
    Các loại thẻ <input> hỗ trợ nhập liệu chuỗi, số, mật khẩu, ... trong ...
    HTML - Phần 5: Các Thẻ Hình Ảnh, Video, Audio
    Âm thanh, hình ảnh, video clip làm cho trang web thêm tiện ích, đẹp và ...
    Firefox OS - Phát Triển Ứng Dụng - Và Thế Giới Của Mozilla
    Firefox OS đã ngừng phân phối vào 8/2015. Bên cạnh đó, bài viết này giới ...
    STDIO
    Trang chính
    Công ty TNHH STDIO

    30, Trịnh Đình Thảo, Hòa Thạnh, Tân Phú, Hồ Chí Minh
    +84 28.36205514 - +84 942.111912
    developer@stdio.vn

    383/1 Quang Trung, Phường 10, Quận Gò Vấp, Hồ Chí Minh
    Số giấy phép ĐKKD: 0311563559 do sở Kế hoạch và Đầu Tư TPHCM cấp ngày 23/02/2012

    ©STDIO, 2013 - 2020