[Bài 2] Viết 1 đoạn HTML cơ bản đầu tiên

Bạn đang ở bài 2 trong 11 bài của serie Học HTML cơ bản.

Ở bài trước mình đã giới thiệu cho các bạn html là gì rồi, cũng đã nói sơ qua về bố cục html được viết như thế nào. Ở bài này chúng ta cùng bắt đầu viết nhưng đoạn html cơ bản đầu tiên.

Để viết được html cần công cụ gì?

Công cụ ở đây thì bạn có thể sử dụng notepad mặc định của windows để viết cũng được nhưng nếu viết bằng notepad thì khá khó khăn + mất thời gian rất nhiều, mà các thẻ còn không có màu để nhìn cho rõ nữa. Vậy nên mình khuyên bạn ít nhất thì cũng viết bằng notepad++, notepad++ là bản cải tiến của notepad, bạn có thể tải về dùng miễn phí tại đây.

Có rất nhiền công cụ để viết html như PHPdesignerDreamweaver, NetBeans, Sublime Text…. Trong số này thì cá nhân mình vẫn thích dùng Sublime Text, vì cơ bản nó nhẹ, nhìn đẹp, rất chuyên nghiệp mà còn hỗ trợ nhiều thứ trong lúc viết code, các công cụ còn lại khá nặng nề, đó là theo ý kiến cá nhân mình. Nếu bạn muốn dùng thử Sublime Text thì vào đây để tải về dùng nhé.

Viết những dòng html cơ bản đầu tiên

Trước tiên mình tạo 1 file index.html để ngoài desktop. Khi mở file này lên bằng trình duyệt thì nó sẽ trống trơn, không có gì cả:Viết 1 đoạn HTML cơ bản đầu tiên

Mình sẽ viết theo bố cục cơ bản ở như ở bài trước mình đã đề cập, bạn mở file mới tạo = công cụ viết code nhé, ở đây mình dùng Sublime Text.

Viết 1 đoạn HTML cơ bản đầu tiên 2

Code:

<!DOCTYPE html>
<html lang="vi">
<head>
<meta charset="UTF-8">
<title>Serie học HTML cơ bản</title>
</head>
<body>


Chào mừng bạn đến với Serie học HTML cơ bản của BlogIT.vn

</body>
</html>

OK, giờ bạn F5 lại trang lúc nãy sẽ thấy

Viết 1 đoạn HTML cơ bản đầu tiên 3

Tuyệt vời phải không nào, nhưng như vậy thì đơn điệu quá phải không. Giờ làm như thế nào để chữ to nhỏ, màu sắc…

Bạn thử copy dòng code này vào rồi F5 lại trang nhé:

<!DOCTYPE html>
<html lang="vi">
<head>
<meta charset="UTF-8">
<title>Serie học HTML cơ bản</title>
</head>
<body>


Chào mừng bạn đến với Serie học HTML cơ bản của BlogIT.vn


<h1>Đây là bài thứ 2 trong serie học HTML cơ bản</h1>

<strong>Dòng chữ in đậm</strong>
<i>Dòng chữ in nghiêng</i>
Xuống dòng
<span style="color:red">Dòng này có màu đỏ</span>
</body>
</html>

Ta được:

Viết 1 đoạn HTML cơ bản đầu tiên 4

Bạn thấy trong code mình có để các thẻ <p>, <h1>, <i>, <strong>

Vậy các thẻ này là gì? Mời các bạn cùng xem bài tiếp theo nhé.

Lời kết:

Ở bài này mình chỉ hướng dẫn các bạn sử dụng công cụ để viết code với viết những đoạn văn bản đơn giản đầu tiên, bài sau mình sẽ giới thiệu các bạn các thẻ và thuộc tính cơ bản trong html.

[Bài 2] Viết 1 đoạn HTML cơ bản đầu tiên
5 (100%) 5 votes

Từ khóa tìm kiếm:

  • viết html cơ bản

Bình luận

2 Bình luận on "[Bài 2] Viết 1 đoạn HTML cơ bản đầu tiên"

Thông báo
avatar
Sắp xếp:   Mới nhất | Cũ nhất | Bình chọn nhiều
huy
Guest

don gin ma kho vay ko bit code kho se ra sao

huy
Guest

code don gian d thy kho ko biet gp code kho se ra sao day

wpDiscuz