Học html – Tạo trang web đầu tiên bằng html

Bài này thuộc phần 3 nằm trong tổng 9 phần của serie Học HTML cơ bản

Ở bài 2 mình đã giới thiệu với các bạn bố cục của một trang html và các thành phần chính của một trang html. Ở bài này chúng ta sẽ bắt tay vào tạo 1 tập trang web html nghĩa là chúng sẽ được lưu với đuôi .html đây được gọi là tài liệu html.

Đầu tiên các bạn hãy mở trình soạn thảo notepad++ lên sau đó chúng ta sẽ bắt đầu viết một đoạn code có cấu trúc như bên dưới, nếu bạn ngại viết thì có thể copy và paste lại vào trình soạn thảo cũng được 😀 .

<!DOCTYPE html>
  <html>
       <head>
           <title>Hello đây là trang web đầu tiên của tôi</title>
           <meta charset="utf-8" />
           <meta discription="Chào mừng bạn đến với trang web đầu tiên của tôi, tôi đang bắt đâu học html cơ bản" />
       </head>
       <body>
           <strong>Hello đây là rang web đầu tiên của tôi</strong>

          <h1>Giới thiệu về nguyễn Trọng Bảo</h1>

          <p>Nguyễn Trọng Bảo đam mê lập trình, thích chia sẻ, ham chém gió qua bàn phím ( đặc biệ là về webdesign). Rất mong nhận được góp ý của các bạn.</p>
       </body>
  </html>

 

 

Ở trong này có một vài thuộc tính nằm trong thẻ thẻ <meta> cái này mình cũng sẽ nói ở phần sau, bây giờ các bạn nhấn tổ hợp phím ctrl + s để lưu tập tin lại với tiêu đề web.html .

Xin chúc mừng bạn vậy là bạn đã tạo ra một website đầu tiên của mình rồi đó. Bây giờ bạn tìm đến tập tin vừa lưu kích chuột phải chọn open with -> trình duyệt bạn muốn hiển thị, và nó sẽ trong như thế này.

Học html bài 3
Hiển thị html trên trình duyệt

Nhìn có vẻ rất đơn giản đúng không nào, căn bản series học html này chúng ta mới chỉ đi đến bài 3 cho lên mình sẽ không muốn đề cập đến những thẻ phức tạp hơn, chúng sẽ được giới thiệu ở những bài sau.

Bài viết khác cùng serie

Bảo Nguyễn

Đam mê dòng nhạc Bolero, thích con gái phong cách công sở và thích bàn luận quân sự. Đã từng học tại HaUI khóa K16.

1
Leave a Reply

avatar
0 Comment threads
0 Thread replies
0 Followers
 
Most reacted comment
Hottest comment thread
0 Comment authors
Recent comment authors
  Subscribe  
newest oldest most voted
Notify of

Create Account



Log In Your Account