HTML Cơ bản – Phần 1
- August 20, 2009
- 61 comments
HTML là thành phần cơ bản nhất để xây dựng lên trang web. Cho dù trang web của bạn có được thiết kế bằng PHP, ASP hay CGI, nhưng nếu muốn hiển thị nội dung lên trình duyệt. Bao giờ output cuối cùng vẫn sẽ là HTML, đây chính là định dạng mà trình duyệt web của bạn có thể đọc được và hiển thị nội dung theo nó.
Thậm chí bạn có sử dụng những CMS (Content Management System) thì output cuối cùng vẫn sẽ là HTML. Cho nên hiểu và biết cách vận hành HTML vẫn rất cần thiết cho bất cứ ai muốn xây dựng trang web. Trong Video tutorial này, tôi sẽ giới thiệu đến các bạn những thẻ HTML cơ bản nhất và cách sử dụng chúng. Đây là tutorial dành cho người hoàn toàn chưa biết gì về HTML.
Thời lượng: 15m9s
Link Download định dạng .mp4 chất lượng cao hơn: MegaUpload, Mediafire
Xem tiếp phần 2
HTML là gì?
- HTML là chữ viết tắt của Hyper Text Markup Language hay tiếng Việt gọi là Ngôn ngữ hiển thị siêu văn bản.
- Một file HTML chứa những thẻ HTML
- Những thẻ HTML sẽ hướng dẫn trình duyệt web trình bày thành phần của một trang web
- Một file HTML phải có phần mở rộng là .html hoặc .htm
- Một file HTML có thể được tạo ra bởi trình soạn thảo văn bản đơn giản như Notepad
Phần mở rộng là .htm hay .html
Cả 2 phần mở rộng này đều đúng. Trước đây khi các máy tính cũ không cho phép phần mở rộng vượt quá 3 ký tự, do vậy người ta phải sử dụng .htm. Nhưng hiện nay chúng ta có thể sử dụng .html cũng được. Tuy nhiên bạn hãy tạo thói quen sử dụng chỉ một loại hoặc là .htm hoặc là .html. Đừng khi thì .htm khi thì lại .html.
Tại sao bạn lại phải học HTML
Đến đây bạn có thể tự hỏi rằng “tại sao tôi cần phải học HTML khi mà có rất nhiều những phần mềm giúp tạo trang web nhanh mà đơn giản?”. Đúng vậy, bạn hoàn toàn có thể sử dụng những phần mềm WYSIWYG để tạo trang web bằng HTML như là Dreamweaver hoặc Frontpage thay vì phải viết từng dòng code trong Notepad. Tuy nhiên, nếu bạn chỉ dựa vào những phần mềm này, bạn sẽ không hiểu được cấu trúc mã nguồn của trang web. Cũng giống như khi bạn chỉ biết lái xe mà không hiểu chút gì về máy móc. Nếu bạn thực sự muốn đi sâu vào lĩnh vực thiết kế web, bạn không nên sử dụng những phần mềm có sẵn mà hãy tự học HTML và tự viết code cho trang web của mình. Bởi vì cách này được cho là cách hiệu quả nhất để tạo ra một trang web.
Cho dù 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 để chỉnh sửa và sửa lỗi khi có sự cố xảy ra. Nếu mở code lên mà ngay cả những thẻ cơ bản như <li>, <img>, <a href> … bạn đều không biết thì lúc đó sẽ rất khó khăn cho bạn quản lý trang web của mình.
[...] không? Bạn không phải đợi lâu!! sau 2 video tutorial hướng dẫn những điều cơ bản về HTML. Trong series gồm 2 phần này, tôi sẽ hướng dẫn bạn cách tạo một trang web [...]
[...] không? Bạn không phải đợi lâu!! sau 2 video tutorial hướng dẫn những điều cơ bản về HTML. Trong series gồm 2 phần này, tôi sẽ hướng dẫn bạn cách tạo một trang web [...]
cảm ơn các bạn!
Chào Anh, thật tình cờ tôi được phân công phụ trách để tìm đối tác thiết kế trang web cho cơ quan. Để phục vụ cho công việc tôi tìm hiểu kiến thức và thật ấn tượng với cách giao tiếp của Anh. Tôi đã đề xuất tự thiết kế trang web của cơ quan dựa trên kiến thức mà video của Anh. Cám ơn nhiều!
Website của bạn là thứ mình cần tìm mấy tháng nay! Cảm ơn admin nhé!
anh ơi cho em hỏi là nếu mình muốn link hay lấy ảnh từ 1 cái nguồn nào nó nằm ngoài cả cái thư mục mà chứa trang thì lam ntn, kiểu như file homepage của em nằm trong D:\newfolder1 mà muốn link đến 1 cái ở D:\newfolder2 thì có làm đc ko ?
Hoàn toàn được thôi bạn,miễn là bạn copy đầy đủ link nơi lưu trữ ảnh trên máy của bạn là được.
Cảm ơn anh rất nhiều ạ . Nếu anh có tài liệu dạng văn bản thì cho em xin được không ạ.
Video của bạn đăng rất hữu ích.
Tôi xin phép bạn được sử dụng video của bạn để post lên laptrinh.tv
Tôi xin phép đăng ký tài khoản mang tên bạn trên laptrinh.tv để post video này.
Khi bạn có nhu cầu được sử dụng tài khoản này của bạn trên laptrinh.tv, tôi rất vui lòng cung cấp lại cho bạn.
Cảm ơn anh Demon rất nhiều vì bài học bổ ích này! Tôi sẽ tiếp tục theo dõi những hướng dẫn của anh. Chúc vui vẻ ^^.
em mới bắt đầu học về html, thật vui khi tìm đwowcj video này, nó dạy rất dễ hiểu.Em cảm ơn anh rất nhiều!!!
Bài giảng của bạn dễ hiểu, rất thú vị. ^^! Thanks for sharing!
“tuyệt vời ” mình chỉ biết noí thế về bài của bạn
chao anh. e bay gio moi bat dau hoc html. em tim dc video cua a. cam on anh nhieu na.
[...] Xem phần 1 của series này [...]
chào a bài hướng dẫn của a hay quá e mún sưu tầm hết tất cả những bài hướng dẫn bằng video về html của a a có thể dành chút time send cho e mấy cái link đầy đủ về các bài hướng dẫn đc ko zj?
cám ơn bạn đã hướng dẫn ,,, bài thuyết trình rất tỉ mỉ và dễ hình dung cũng như học mình đang muốn bắt đầu tìm hiểu và học cách xây dựng web lẫn designer web thấy rất thú vị và hứng thú … i like it
Muốn học về Html. Hôm nay thấy bài học này thật là hay. Anh nói chuyện vui tính. Cuốn hút quá. Hướng dẫn rõ ràng dễ hiểu. Thanks anh nhé
Mình muốn là quản cáo 2 bên như trang này thì pphair làm sao vậy mấy bạn?
http://www.zing.vn/news/nhip-song-tre.htm
Thank!
Em học kinh tế, nhưng muốn biết sơ sơ về viết web hôm nay vào đây thật may mắn quá. Cảm ơn anh nhiều!
Hj. Không biết nói gi hơn. Các Video và bài viết của a quá hay. Không nhưng hay về nội dung mà cách hướng dẫn và chất giọng rất vui tính, làm cho người xem cảm thấy rất dễ gần, dễ tiếp xúc. Cảm ơn a nhiều naz. Mong a giành thời gian làm tiếp nhiều đoạn Video để cho lớp trẻ đi sau bọn e học hỏi. Chúc a sức khỏe và thành công.