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

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

Download - Giáo trình thuật toán

3 + 2 =

Tags: HTML

0 Lời bình

Gửi Lời bình

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

BÀI VIẾT LIÊN QUAN

BẠN MUỐN HỌC LẬP TRÌNH?

GỌI NGAY

098 953 44 58

Đăng ký tư vấn lộ trình học lập trình

Đăng ký tư vấn, định hướng lộ trình học và giải đáp các thắc mắc về ngành nghề – Miễn phí – Online.

15 + 12 =

TƯ VẤN VỀ LỘ TRÌNH HỌC NGHỀ LẬP TRÌNH TẠI CODEGYM
TƯ VẤN VỀ LỘ TRÌNH HỌC NGHỀ LẬP TRÌNH TẠI CODEGYM