Stanford hướng dẫn học lập trình HTML

Tại sao lập trình web nên học lập trình HTML. Chúng ta cùng Stanford – dạy kinh nghiệm lập trình tìm hiểu nhé!

 

Trong lập trình web, đối với những bạn mới học thì HTML luôn là ngôn ngữ được nhắc đến đầu tiên. Bởi nó là thành phần cơ bản để xây dựng lên trang web. Cho dù các bạn học những ngôn ngữ lập trình web nào như PHP, ASP hay JAVA nhưng nếu muốn hiển thị nội dung lên trình duyệt thì bao giờ đầu ra cuối vẫn sẽ là HTML.


Tại sao lập trình web nên học lập trình HTML. Chúng ta cùng Stanford – dạy kinh nghiệm lập trình tìm hiểu nhé!


Học lập trình HTML


Là ngôn ngữ đánh dấu siêu văn bản, HTML được thiết kế ra để tạo nên các trang web. Tập tin HTML là một văn bản có chứa các thẻ đánh dấu, nó giúp các trình duyệt Web hiểu được cách hiển thị và trình bày trang Web. Bất cứ chương trình xử lý văn bản đơn giản nào đều có thể được tạo ra bằng tập tin HTML.


Tại sao phải học HTML


Hiện nay có rất nhiều phần mềm để tạo ra những trang web bằng HTML thay vì phải viết từng dòng code trong Notepad như Frontpage hay Dreamweaver. Có rất nhiều bạn cũng vẫn băn khoăn tại sao tôi nên học lập trình HTML cơ bản trong khi những phần mềm đó có thể giúp tôi tạo trang web đơn giản và nhanh hơn.


Lý do rất đơn giản, bởi nếu bạn chỉ dựa vào những phần mềm trên bạn sẽ không thể hiểu hết được cấu trúc mã nguồn của trang web đó. Cũng giống như bạn không biết gì về máy móc của chiếc xe bạn đang lái. Nếu bạn thực sự muốn thành thạo và thành công trong lĩnh vực thiết kế web, bạn nên đi sâu vào học nó, thay vì sử dụng những phần mềm có sẵn hãy tự viết code cho trang web của mình bằng HTML. Đây là cách này được cho là cách hiệu quả nhất để tạo ra một trang web.


Nếu bạn có ý định sử dụng những phần mềm quản lý nội dung CMS để tạo ra trang web, thì bạn cũng phải có kiến thức cơ bản về HTML để sửa lỗi và chỉnh sửa khi có sự cố xảy ra. Sẽ rất khó khăn cho bạn khi quản lý trang web của mình mà nếu mở code lên mà ngay cả những thẻ cơ bản như <img>, <li>, <a href> … bạn đều không biết.


Cấu trúc HTML cơ bản


Cấu trúc của HTML rất logic và đơn giản, với bố cục từ trái qua phải, từ trên xuống dưới, với 2 phần chính là BODY và HEAD. Các website viết bằng HTML đều sử dụng theo cấu trúc cơ bản như sau:


Từ dòng đầu tiên mọi trang HTML đều phải khai báo định nghĩa chuẩn văn bản DOCTYPE


Cho trình duyệt biết mở đầu và kết thúc của trang HTML dùng thẻ <html>


Chứa các thông tin khai báo, tiêu đề và các thông tin ẩn khác dùng Thẻ <head>

Còn thẻ <body> là thẻ hiển thị nôi ding người dùng sẽ nhìn thấy.


Những ký tự giữa 2 dấu –> và <!– được coi là thẻ comment và sẽ bị trình duyệt bỏ qua, không hiển thị và không xử lý.


Học lập trình HTML cơ bản


Pro tips


Để hạn chế lỗi bất ngờ khi hiển thị trên trình duyệt, phải luôn đóng thẻ sau khi đã mở.


Một số thẻ không có thẻ đóng, như thẻ <img>, thẻ <br>, <input>, …


Khi mở thẻ đóng thẻ tránh trường hợp có nhiều thẻ lồng vào nhau.


Học lập trình HTML định hướng cho tất cả các bạn muốn theo đuổi lập trình web, giúp cho các bạn hiểu được cấu trúc của một trang web như thế nào? Khi biết được những yếu tố đo bạn có thể tự xây dựng cho mình được những web tĩnh rồi sau đó học lên những ngôn ngữ cao hơn.


Bạn có thể tham khảo khóa học lâp trình HTML tại website: stanford.com.vn


Tags: học lập trình