HTML là thành phần cơ bản nhất để xây dựng lên trang web. 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
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.
Có lẽ liên kết trong HTML và sử dụng hình ảnh là phần mạnh nhất và cũng là thú vị nhất của HTML. Bởi vì trang web là một phức hợp các tài liệu khác nhau được liên hệ với nhau bằng các đường liên kết và được trang trí bằng hình ảnh, màu sắc. Hơn nữa, bằng cách liên kết mà chúng ta có thể liên kết nhiều trang web với nhau và từ đó tạo ra mạng internet. Cũng chính bởi vì tầm quan trọng này của nó mà thẻ link được tách ra trong một video tutorial mới.
Cấu trúc của thẻ link như sau
Trong trình duyệt người đọc chỉ thấy chữ Trang Chủ và theo mặc định nó sẽ là chữ xanh và gạch chân. Nếu bạn muốn thay đổi đích đến của nó, thì bạn chỉ việc thay đổi abcdef thành trang mà bạn muốn link tới.
Cũng giống như hầu hết các thẻ HTML khác, thẻ link cũng bắt đầu bằng một thẻ mở a href=”…” và kết thúc bằng một thẻ đóng
Địa chỉ URL tuyệt đôi và tương đối
Khái niệm này có thể dễ gây hiểu nhầm lúc đầu, nhưng khi đã quen rồi thì nó lại trở nên rất hiển nhiên. Lấy một ví dụ gần với thức tế để bạn dễ cảm nhận hơn. Ví dụ có ai đó hỏi bạn bưu điện thành phố ở đâu, nếu bạn biết chính xác địa chỉ bạn có thể nói là 234 Thái Hà, Quận Ba Đình, Hà Nội, Việt Nam (tổi chỉ giả sử thôi). Nhưng nếu bạn không biết chính xác địa chỉ bạn có thể chỉ là “đi thẳng và quẹo phải ở ngôi nhà màu trắng là đến Bưu Điện thành phố”. Tất nhiên cả 2 cách đều đến nơi, nhưng cách thứ nhất thì “tuyệt đối” hơn và bất cứ ai đứng ở bất kỳ đâu cũng có thể dùng thông tin đó để kiếm ra bưu điện. Còn cách thứ 2 thì chỉ “tương đối” và cho người hỏi đủ thông tin đề tìm ra bưu điện tại ví trí họ đang đứng hỏi bạn.
Giống như trên với địa chỉ URL. Khi bạn liên kết từ tài liệu nay sang tài liệu khang ở cùng chung một thư mục hoặc ngang hàng nhau, bạn chỉ cần tên của tài liệu thứ hai là đủ.
Giả sử đoạn text đó nằm trong trang index.htm và nó được đặt chung một thư mục hoặc ngang hàng nhau.
Hoặc bạn có thể liên kết đến một tài liệu khác không cùng chung thư mục bằng cách
Liên kết đến một tài liệu nằm trong thư mục có vị trí cao hơn thư mục hiện tại
Thường thì bạn nên liên kết tương đối cho các tài liệu trong trang web của bạn, bởi vì nó dễ viết và cho phép bạn di chuyển các tệp tin từ chỗ này sang chỗ khác mà không phải chỉnh sửa lại đường liên kết.
Ở hình trên nếu bạn đang ở file homepate.html và muốn link đến contact.html thì câu lệnh sẽ như sau:
<a href="contact.html"> Contact Me</a>
Bởi vì 2 file này nằm ngang hàng với nhau do vậy bạn có thể liên kết trực tiếp đến nó.
Add to Cart
Chủ Nhật, 8 tháng 3, 2015
Lập trình HTML cơ bản
Đăng ký:
Đăng Nhận xét (Atom)
Product Category
- 3dmax
- ai
- chien luoc seo
- chiến lược seo
- chinh chi b
- cong nghe
- corel
- CorelDraw
- dien thoai thong minh
- e-learning
- flash animation
- giai de thi worldskill
- giải đề thi worldskill
- he thong hoc truc tuyen
- he thong thong tin
- hệ thống học trực tuyến
- hệ thống thông tin
- hoc nghe nhanh
- học nghề nhanh
- hoc truc tuyen
- học trực tuyến
- HTML la gi
- huong dan lap trinh java
- hướng dẫn lập trình java
- illustrator
- jack ma alibaba
- java nâng cao
- khai thac tai nguyen internet
- khai thác tài nguyên internet
- khoa hoc
- Khoa hoc mien phi
- khoa hoc y tuong kinh doanh thoi @
- kiem nhieu tien
- kiem tien google adsense
- kiem tien online
- kiem tien youtube
- kien truc noi that
- kiếm nhiều tiền
- kinh doanh online
- Kinh doanh ten mien
- ky thuat SEO
- kỹ thuật SEO
- lap trinh android
- lap trinh ASP.net
- lap trinh C#
- lap trinh css
- lap trinh dien thoai
- lap trinh html
- lap trinh html css
- lap trinh java
- lap trinh jquery
- lap trinh PHP
- lap trinh ung dung
- lap trinh vien
- lap trinh vien chuyen nghiep
- lap trinh website
- lập trình android
- lập trình ASP.NET
- lập trình C#
- lập trình điện thoại
- lập trình html css
- lập trình java
- lập trình trên thiết bị di động
- lập trình viên
- lập trình viên chuyên nghiệp
- lập trình website
- lien thong dai hoc
- liên thông đại học
- Mang xa hoi
- microsoft access
- microsoft excel
- microsoft word
- Mua sam truc tuyen
- nghe 1 von 4000 loi
- nghe chat xam
- nghe webdesign
- nghề chất xám
- nghề đang hot
- nghề webdesign
- phan mem quan ly
- phầm mềm quản lý
- phầm mềm quản lý bán hàng
- phần mềm quản lý
- phần mềm quản lý bán hàng bằng mã vạch
- phân tích thiết kế
- phân tích thiết kế hệ thống thông tin
- phi tin bat phu
- phi tin bất phú
- photoshop
- php framework yii
- quản lý đào tạo
- quản lý kế toán
- quản lý kinh doanh
- seo hieu qua
- seo hiệu quả
- seo website
- smartphone
- tai nguyen internet
- tài nguyên internet
- thanh toan dien tu
- thanh toán điện tử
- thiet bi di dong
- thiet ke in an
- thiet ke layout web
- thiet ke noi that
- thiet ke web
- thiet ke web bang joomla
- thiet ke web bang wordpress
- thiet ke website
- thiet ke wen tin tuc
- thiết bị di động
- thiết kế web
- thiết kế web tin tức
- thiết kế website
- thuat toan google
- thuật toán google
- thuong mai dien tu
- thương mại điện tử
- tin hoc can ban
- tin hoc van phong
- top google
- truong dao tao lien thong dai hoc
- trường đào tạo liên thông đại học
- ung dung quang cao
- ứng dụng quảng cáo
- website lên top
- website lên top google
- worldskills 2013
- xu ly anh
- y tuong kinh doanh
Labels
- 3dmax
- ai
- chien luoc seo
- chiến lược seo
- chinh chi b
- cong nghe
- corel
- CorelDraw
- dien thoai thong minh
- e-learning
- flash animation
- giai de thi worldskill
- giải đề thi worldskill
- he thong hoc truc tuyen
- he thong thong tin
- hệ thống học trực tuyến
- hệ thống thông tin
- hoc nghe nhanh
- học nghề nhanh
- hoc truc tuyen
- học trực tuyến
- HTML la gi
- huong dan lap trinh java
- hướng dẫn lập trình java
- illustrator
- jack ma alibaba
- java nâng cao
- khai thac tai nguyen internet
- khai thác tài nguyên internet
- khoa hoc
- Khoa hoc mien phi
- khoa hoc y tuong kinh doanh thoi @
- kiem nhieu tien
- kiem tien google adsense
- kiem tien online
- kiem tien youtube
- kien truc noi that
- kiếm nhiều tiền
- kinh doanh online
- Kinh doanh ten mien
- ky thuat SEO
- kỹ thuật SEO
- lap trinh android
- lap trinh ASP.net
- lap trinh C#
- lap trinh css
- lap trinh dien thoai
- lap trinh html
- lap trinh html css
- lap trinh java
- lap trinh jquery
- lap trinh PHP
- lap trinh ung dung
- lap trinh vien
- lap trinh vien chuyen nghiep
- lap trinh website
- lập trình android
- lập trình ASP.NET
- lập trình C#
- lập trình điện thoại
- lập trình html css
- lập trình java
- lập trình trên thiết bị di động
- lập trình viên
- lập trình viên chuyên nghiệp
- lập trình website
- lien thong dai hoc
- liên thông đại học
- Mang xa hoi
- microsoft access
- microsoft excel
- microsoft word
- Mua sam truc tuyen
- nghe 1 von 4000 loi
- nghe chat xam
- nghe webdesign
- nghề chất xám
- nghề đang hot
- nghề webdesign
- phan mem quan ly
- phầm mềm quản lý
- phầm mềm quản lý bán hàng
- phần mềm quản lý
- phần mềm quản lý bán hàng bằng mã vạch
- phân tích thiết kế
- phân tích thiết kế hệ thống thông tin
- phi tin bat phu
- phi tin bất phú
- photoshop
- php framework yii
- quản lý đào tạo
- quản lý kế toán
- quản lý kinh doanh
- seo hieu qua
- seo hiệu quả
- seo website
- smartphone
- tai nguyen internet
- tài nguyên internet
- thanh toan dien tu
- thanh toán điện tử
- thiet bi di dong
- thiet ke in an
- thiet ke layout web
- thiet ke noi that
- thiet ke web
- thiet ke web bang joomla
- thiet ke web bang wordpress
- thiet ke website
- thiet ke wen tin tuc
- thiết bị di động
- thiết kế web
- thiết kế web tin tức
- thiết kế website
- thuat toan google
- thuật toán google
- thuong mai dien tu
- thương mại điện tử
- tin hoc can ban
- tin hoc van phong
- top google
- truong dao tao lien thong dai hoc
- trường đào tạo liên thông đại học
- ung dung quang cao
- ứng dụng quảng cáo
- website lên top
- website lên top google
- worldskills 2013
- xu ly anh
- y tuong kinh doanh
0 nhận xét:
Đăng nhận xét