Trang chủ » Blog » Bài thực hành » [Thực hành] Sử dụng thẻ HTML cơ bản

[Thực hành] Sử dụng thẻ HTML cơ bản

bởi CodeGym | 26/12/2023 17:17 | Bài thực hành | Blog

Nội dung

Mục đích
Mô tả- Sử dụng thẻ HTML cơ bản
Hướng dẫn

Mục đích

Luyện tập sử dụng các thẻ HTML cơ bản <h1>, <p>, <a>, <img>

Mô tả- Sử dụng thẻ HTML cơ bản

Tạo trang web hiển thị nội dung như sau. Dữ liệu trên trang được định dạng ứng với các thẻ.

Sử dụng thẻ HTML

Để hoàn thành bài thực hành, học viên cần:

Đưa mã nguồn lên GitHub
Dán link của repository lên phần nộp bài trên CodeGymX

Hướng dẫn

Bước 1: Tạo cấu trúc tài liệu HTML

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>HTML links</title>
    </head>
    <body>
    </body>
</html>

Bước 2: Đưa từng nội dung vào giữa cặp thẻ <body></body>

<h1>HTML: HyperText Markup Language</h1>

Bước 3: Đưa tiếp nội dung vào

<p>Tim Berners-Lee invented the first browser at CERN, to enable researchers to share their research with eachother.</p>

Bước 4: Chèn ảnh tạo liên kết

<a target="_blank" href="http://home.web.cern.ch/topics/birth-web">Read more about the history of HTML
        <p>
        <img src="https://www.kasandbox.org/programming-images/misc/tim-berners-lee-webpage.png" width="300">
        <br/>Image courtesy CERN   
        </p>           
</a>

Bước 5: Chạy chương trình. Xem kết quả hiển thị.

Xem thêm: Trở thành Kỹ sư cầu nối, lương trên 1000$/tháng chỉ sau 4 tháng học lập trình

Tags: HTML