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

4.8/5 - (6 bình chọ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.

Add Comment