• fans
  • 1036 reader
  • followers
HTML Cơ bản – Phần 1
  • Tutorial Details
  • Độ khó: Căn bản
  • Thời gian: 15m9s
  • Yêu cầu: Phù hợp cho tất cả các đối tượng lập trình viên

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.

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.

Demon Warlock Website facebook twitter user_email

Tôi được sinh ra ở Việt Nam, nhưng hiện tại đang sống và làm việc tại Mỹ. Ngành tôi học không có liên quan gì đến thiết kế web. Nhưng đây là sở thích từ ngày còn là sinh viên du học, do vậy bây giờ dù cho đang đi làm nhưng tôi vẫn thích dùng thời gian rảnh rỗi của mình để học về thiết kế web. Như các bạn, tôi cũng việc mày mò tự học và khám phá.

  • Dịch Vụ Sơn Nhà

    Cám ơn Tác giả đã cung cấp Video thật hữa ích, Mình mò mẫm trên Bloger nhiều năm nhưng không biết gì về html. Hôm nay có lẽ mở mang tầm nhìn một chút. Cám ơn nhiều !

  • Sen Em

    em muốn học tạo website anh chỉ cho em phải học như thế nào và bắt đầu từ đâu với ạ
    có j a pun qua gmail cho em với : lasen.tin20a@gmail.com

  • Tran Dai Duong

    Anh ơi cho em hỏi ạ! Máy em có cái Fresh HTML thì mình cứ viết ra ở cái chỗ Desiger thì nó khác tự ra code ở chỗ HTML code phải ko ạ?

  • Pingback: Hướng dẫn sử dụng CSS Gumby Framework – Phần 1 | Thiet ke Web 24h

  • viet linh

    minh chưa xem nhưng thấy bạn nói rất ý nghĩa minh dang tư học ci j chỉ bảo thêm

  • aaa

    bbbbbbbbbbbbbbbbbbbbbbbb

  • nghia

    thank you very much

  • Nguyễn Huy

    Em là sinh viên năm thứ 2 khoa CNTT vậy thì cho e hỏi là thiết kế web thì học chuyên ngành kỹ thuật phần mềm có làm được k ạ.hay là phải chuyển xang học chuyên ngành mạng máy tính và truyền thông thì mới đúng với thiết kế web

  • lê nam

    bài viết quá hay. cảm ơn anh rất nhiều

  • phuong

    hay nhỉ

  • No Name

    Video rất bổ ích. Mà newbie thì có nên học bộ đĩa PSD2HTML + WordPress
    đầu tiên không anh? hay nên học gì trước khi học bộ PSD2HTML + WordPress?

    • http://minhman.com/ Võ Minh Mẫn

      Hi em! Newbie hoàn toàn có thể tiếp thu dc bộ psd2html + wp. Vì dvd này gồm 2 phần, phần đầu là chuyển từ photoshop sang html css. Phần sau là tập trung vào wp.
      Tuy nhiên, để tiếp thu tốt nhất thì em nên hoc trước bộ php&mysql + izcms để biết dc căn bản php, sẽ tiếp thu wp dễ hơn đó.

  • gatre209

    hay lắm anh.hi.nếu có thời gian anh tổng hợp thành bài viết được ko ạ.hi.thời lượng video ngắn quá nên chỉ bik 1 số thẻ…cảm ơn anh.rất hay..

  • Pingback: Chia sẻ kinh nghiệm tự học CSS hiệu quả

  • Băng Giá

    Cảm ơn anh rất nhiều … Em đang tự học để có thể thiết kế 1 wedsite hoàn chỉnh … mong rằng qua những bài giảng của anh em có thể đạt đc ước mơ của mình

  • Thanh

    Thanks nhé!
    Khá hay và dễ hiểu!

  • lee tuaan

    thanks.vừa xem xong e cũng hiểu hơn nhiều và cảm thấy hưng thú rồi chứ ở trương ông thầy dạy 3 buổi rồi mà e chẳng hiểu nhiều đến thế/

  • Phạm Tuấn Anh

    Mạng tra cứu mã số karaoke 5 số Arirang, 6 số Califonia. Tra cứu nhanh chóng và chính xác.

    Masokaraoke.net luôn cập nhật danh sách karaoke mới nhất của karaoke 5 số Arirang, 6 số của Califonia, đáp ứng những yêu cầu để quý khách có thể thoải mái giải trí. Có được những nụ cười trẻ trung, xua tan đi những lo lắng thường ngày. Hãy truy cập và tìm kiếm mã số karaoke ngay hôm nay trên website ma so karaoke và chia sẻ cho bạn bè người thân của bạn. masokaraoke.net

  • Pingback: Hướng dẫn sử dụng Gumby CSS Framework – Phần 1

  • http://usb3gvn.com/ USB 3G

    Do you think this imformation? About personal estimation, I see this review is fantastic. It take for you necessary knowledge. Thank for share! http:usb3gvn.com

  • NHAD

    Sao không thấy video thứ 2 nhỉ. Phần 2 mà ad nói là thứ 3

  • NewStyle59

    Bài này rất hay, e cảm ơn a nhiều. :D

  • Embrace change!

    cảm ơn video của anh ! em học được rất nhiều :)

  • kokono

    hay quá .video rất bổ ích.tks

  • Phạm Văn Duy

    Mình đang cần tài liệu về thiết kế web php ai có chia sẻ cho mình với thank

  • http://netcon.vn Pham duy

    Video hay quá mình đang cần những tài liệu bổ ích như thế này

  • Tuan Tran

    BQT cho mình hỏi về bộ 3 đĩa DVD, 3 đĩa DVD có phần nào trùng nhau về nội dung không vậy ? Mình nên mua 3 đĩa hay 2 đĩa là đủ hết các nội dung ? Xin cho lời khuyên

  • Nguyen Minh Duc

    Mọi cho mình hỏi nội dung cụ thể của dvd PSD2HTML + WORDPRESS gồm những gì?

  • cao quang hung

    em mới 13 tuổi nhưng em thích học cái nay lắm
    mong các anh chị chỉ bảo

  • No Name

    Cái thẻ nên được đặt trong phần thì chuẩn hơn nhỉ? Như vậy thì cấu trúc của 1 HTML sẽ được tổng quát thành 3 phần cơ bản là

    <html>
    
    <head>
    </head>
    
    <body>
    </body>
    
    </html>
    

    p/s: công nhận anh này nói giọng nghe đã thiệt ^^

  • thuonghoang

    Hihi mình rất thích izwebz. đây là trang rất bổ ích để học tập. mình rất muốn học thiết kế web. bài viết thật hay. Many thanks :D

Newbie

Các series nên xem trên izwebz cho newbie

Khi vào izwebz chắc nhiều bạn cho rằng các bài viết trên izwebz đều không có hệ thống gì cả? Thực chất, các bài biết đều đi theo một series của riêng nó, ví dụ như PHP, HTML & CSS, PSD2HTML, Photoshop, illustrator,… Trong bài viết này, mình sẽ tổng hợp lại các series bài viết cần thiết cho một newbie.

Izwebz facebook group

Social connect

Recent Comments

Archives