post image

HTML Cơ bản – Phần 1

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.

«

»

76 Comments

( Comment bài này )
  1. dulongkiem says:

    khi nào có sách a pm mình mua với nha. Các bài viết rất hay, tutorial chi tiết và website rất đẹp.

  2. Cảm ơn Anh Nhieu Admin Host IZWEBZ.COM Tên Anh Là Gì Thế
    Video Này Rất Bổ ích Với Em Mong Là Anh Sẻ Làm Nhiều Video Hay Hơn Nửa
    CHúc Anh Happy

  3. lamlat says:

    Em Biet Het Cach Lap Web Ma CHua Biet Pha web HAy Dot Nhap Vao Hosting Cua NGuoi Khac Ai Biet Chi Giup em TRungTAmVTC_01@yahoo.com Nick Chat em doa co gi chi giup em NHA!!!!!!!!!!11

  4. lamlat says:

    Anh Nao Co Biet Cach Pha 1 TRang Web Chi Em Duoc Khong: Ai Biet LH NIck Chat Em NGhe TrungTamVTC_01@yahoo.com. Xin Cam ON

  5. lamlat says:

    Cho em HOi Cach Pha Web Nhu The Nao Dc Khong A`

  6. Mr Hiep says:

    những Video của người khác toàn tiếng Anh ( nghe không hiểu) hoặc tiếng Miền Nam nghe không dõ lắm
    không biết nói gì hơn
    ngoài câu thanks anh nhiều

  7. Phạm Tuấn Thanh says:

    Xem Online được mà

  8. icandoit_7891 says:

    cám ơn anh rất nhìu..!!!!!

  9. nguahoangtvt says:

    Em không thấy link để down video này. Mong anh cho nó hiển thị lên trang web link down, Cám ơn anh nhiều.

  10. MINH VU says:

    em cung muon hoc HTML,em pai cai dat nhung gi a. Anh co lop nao hoc HTML gap ko, cho em dang ky voi

    • Phạm Tuấn Thanh says:

      Không cần cài gì cả. Bạn chỉ cần 1 trình soạn thảo như notepad và 1 trình duyệt web như IE hay Firefox là đủ.
      Còn về phần kiến thức HTML bạn có thể tự học qua internet, hay qua sách hướng dẫn, rất đơn giản. Chúc bạn thành công ^^

  11. Hon_IT_92 says:

    E muon dan cac thanh hang ngang thi phai lam nhu the nao z a?

  12. Chào anh! Em thấy anh rất nhiệt tình giúp đỡ những người chưa biết gì bằng việc post những Video Tutorial lên! Em rất vui được biết anh, được biết trang web của anh! Cảm ơn anh nhiều!

  13. Lan Nguyen says:

    hay quá anh ơi :D thanks anh nhiều lắm ạ :D

  14. kaylaximuoi says:

    @hoangvinh_cntt: chương trình đại học không dạy html đâu bạn ạ, kể cả ngôn ngữ lập trình như php, asp, jsp, vb, java, C#, .net bạn cũng sẽ không thấy đâu. Trường chỉ dạy lập trình C là cơ bản từ đó bạn phải tự nghiên cứu và chọn ngôn ngữ mình thích. Năm 2 có thể sắp tới bạn sẽ nhận đồ án và tự lập nhóm làm việc, bạn nên chuẩn bị ngay bây giờ nếu không sẽ muộn đấy.

  15. MrV2m says:

    @hoangvinh_cntt: Tớ hok có học CNTT nhưng mà một vài người bạn của tớ học thì họ bảo là hok có dạy HTML đâu (hok biết trong chuyên ngành có hok), cái này chủ yếu học ở ngoài thôi. Thường bạn học ở các trung tâm tin học như Nhất Nghệ, Athena, Khoa Học Tự nhiên.

  16. SadAngel says:

    @nhoc_sieuquay0605 : ý bạn muốn nói là a DW sử dụng trình duyệt nào phải không?Nếu zậy thì a í sài trình duyệt FireFox. Hem bít có đúng ý bạn muốn hỏi hem :)

  17. nhoc_sieuquay0605 says:

    anh ơi cho em hỏi làm sao để có thể hiện ra thanh tools để kiểm tra chương trình như anh vậy?
    hi!
    nếu anh rảnh thì trả lời cho em biết với anh nhé
    thanks anh nhiều

  18. SadAngel says:

    @inhtoan : Nếu bạn sử dụng Nodepad thì bạn xem lại xem khi bạn lưu file .html bạn có chuyển mục Encoding sang Unicode hoặc UTF-8 hay chưa?

  19. inhtoan says:

    Anh cho em hỏi là muốn hiển thị tiếng việt trên web thì làm thế nào ạ ? Em viết tiếng việt vào notepad thì khi hiển thị lên web đều bị lỗi ?

  20. quynhhoa says:

    video rất hay và bổ ích. thanks các a nhìu. :)

  21. xe tải says:

    Tuyệt quá. Mãi mới tìm được một bài viết chi tiết thế này. Cảm ơn a nhé

  22. Nồi hơi says:

    thanks các anh nhiều nhiều ! bây giờ e mới vào nghê ! mong được các bác giúp đỡ !

  23. Đã cập nhật lại link online

  24. nhtera says:

    uhm , link xem online bị die thật , Còn down load thì vẫn bình thường mà bạn .

    • leolai says:

      chà em thấy rồi pro quá bắt link luôn, thấy ko dc là ko dc. Quên mất con cái link rapid và Mediafire . Thanks anh! chụtxxx

  25. leolai says:

    Em ko xem dc video hay down video để xem dc, phiền anh kiêm tra lại với :( (

  26. Huỳnh Thanh Tâm says:

    bài hướng dẩn của anh rất hay, em đả xem html cơ bản 1 và 2 rồi, anh có thể làm tiếp các phần sao không? chúc anh có nhiều bài hay.!

  27. someone says:

    Cho mình đóng góp thêm môt chút nhỏ, đó là dòng This is my homepage . Có thể hiện trên tab của firefox,

  28. văn thế says:

    thật tuyệt vời anh à! khả năng thuyết minh của anh rất hấp dẫn ! em mới bắt đầu học nên những bài của anh em thấy rất hay! em rất vui khi được nghe anh giảng ! chúc anh vui vẻ , hạnh phúc và thành công!

  29. Vietanh says:

    Ngoài Html ra anh có thể hướng dẫn thêm cho em về Javascript và jquery được không ạ. Mới bắt đầu nên em chưa biết bắt đầu từ đâu cả. Cảm ơn anh vì những Video rất hay này.

    • cho m hỏi,mình học năm 2 trường công nghệ thông tin nhung năm thư hai oy mà nhà trường còn chưa thấy nhắc gì đén HTML,m cũng chẳng biết gì luôn gờ m muốn học quá nhưng chẳng biết bắt đầu như nào…mọi người chỉ giúp m với… cám ơn mọi nguời……………..

  30. lu says:

    this is my home page

1 2 3
  1. BB
  2. BB
  3. BB

arrow

Lưu ý khi post comment:

  • Không "bóc tem" topic
  • Dùng lời lẽ có văn hoá và lịch sự
  • Xem trang FAQs trước khi hỏi
  • Bạn có thể dùng thẻ HTML như:<strong>, <em>, <a>
  • Đặt code trong thẻ [php],[html],[javascript],[css]

Chọn kiểu gõ: Tự động TELEX VNI Tắt