[05/11/20] Learn HTML to hack NASA 😃

HTML: Viết tắt của Hypertext Markup Language là ngôn ngữ đánh dấu siêu văn bản. Khác với văn bản thường thì siêu văn bản bao gồm nhiều định dạng hơn vd như: ảnh, video, nhạc, liên kết(link), …

Như đã nói ở trên thì HTML là ngôn ngữ đánh dấu và nó có cấu trúc <thẻ>Nội dung thẻ</thẻ>:

<html>
    <head>
        <title> Title of website </title>
    </head>
    <body>
        <p> A paragraph </p>
    </body>
</html>

Để trình duyệt có thể hiển thị chính xác một tài liệu HTML thì cần 3 thành phần cơ bản sau:

<!DOCTYPE html> : Khai báo loại tài liệu, xuất hiện chỉ 1 lần và ở đầu trang giúp trình duyệt hiển thị trang web chính xác
<html> </html> : Thẻ chứa đựng nội dung của cả trang web bên trong nó
<body> </body> : Thẻ chứa đựng nội dung sẽ được hiển thị

<!DOCTYPE html>
<html>

<body>

    <h1>My First Heading</h1>
    <p>My first paragraph.</p>

</body>

</html>

Bên trong thẻ <body> để hiển thị nội dung web chúng ta dùng rất nhiều thẻ khác nhau như

Thẻ văn bản: <p>Đây là 1 đoạn văn bản</p>
Thẻ liên kết: <a href="Địa chỉ liên kết">Tiêu đề liên kết</a> thẻ này có thuộc tính href chứa giá trị bên trong " "
Thẻ tiêu đề: <h1>Nội dung<h1>. Gồm các thẻ <h1>, <h2>, <h3>, …<h6> với kích cỡ giảm dần
Thẻ hình ảnh: <img src="địa chỉ đường dẫn ảnh hiển thị" alt="Văn bản hiển thị thay thế khi không load được ảnh">
Thẻ video: <video src="địa chỉ của file video" controls> </video>
controls: hiển thị nút play/pause, nút âm thanh, …
Thẻ âm thanh: <audio src="địa chỉ của file audio" controls> </audio>