Lập trình web html - html cơ bản

Diendanraovataz.net - Diễn đàn rao vặt - Đăng tin mua bán - Quảng cáo miễn phí - Hiệu quả - trong tất cả các ngôn ngữ máy web , tiếng nói đi hàng đầu mà bạn thường nghe rất nhiều và rất việc quen thuộc khi nhắc đến website đó chính là HTML. Trong Serie học html cơ bản này mình sẽ đưa ra cái nhìn bao hàm về các tri thức căn bản từ HTML đến HTML5.

1.HTML là gì?
HTML viết tắt của chữ Hyper Text Markup Language , là một tiếng nói đánh dấu siêu văn bản để quy định cách hiển thị thông tin trong trang web. HTML gồm nhiều lệnh , mỗi lệnh làm gọi là 1 tag. Mỗi tag quy định một cách thức hiển thị dữ liệu trong trang web. Ví dụ như : chữ đậm , chữ nghiêng , màu chữ… Người xem trang web không thấy các tag mà chỉ thấy các dữ liệu đã được format bởi các tag. Nói một cách giản đơn : HTML là một tiếng nói dùng để tạo ra các trang web với mục đích thiết kế bố cục nội dung cho dữ liệu nhìn chung và cho giao diện website nói riêng.

Các tag cùng với dữ liệu trong đó được lưu trong 1 file text , làm gọi là trang web. File này thường thấy tên mở rộng là .html hoặc .htm

Cú pháp của một tag HTML thông thường sẽ có dạng như sau:

1

Tên tag không quan yếu chữ hoa chữ thường , tên tag phải đặt trong 2 dấu <> , thường thấy thẻ mở và thẻ đóng , tuy nhiên có một số tag chỉ có thẻ mở.

2. Bố cục HTML của một trang web
thông thường bố cục HTML của một trang web như sau :


bố cục html của mộ trang web

• Một trang web thường thấy khai mạc và kết thúc bởi tag html
• Tag head chứa những thông tin để quản lý và hoạt động nột tại bên trong trang web , không Lộ rõ ra cho user xem
• Tag title là tiêu đề của trang web , bao giờ cũng nằm trong tag head
• Tag body chứa dữ liệu Lộ rõ ra trong trang web cho user xem.

Ví dụ:





3. Sử dụng phần mềm gì để code HTML
hiện nay có rất nhiều phần mềm hỗ trợ như Notepad , Notepad plus , Netbeans , Sublime text , Dreamveaver… Nhưng trong Serie này mình sẽ chủ yếu chỉ dẫn trên Notepad plus và Dreamveaver.

Nếu bạn chưa cài đặt Notepad plus , bạn có khả năng xem qua bài này : chỉ dẫn cài đặt phần mềm học web

Lời kết : HTML là tiếng nói thiết kế web tĩnh , thiết kế bố cục của một trang web , với những người học lập trình web thì HTML là tiếng nói bắt phải học đi hàng đầu để làm nền tảng cho các tiếng nói động sau này như PHP , ASP.NET , JAVA… do vậy hãy làm quen HTML ngay từ bây giờ.

Thẻ Meta được khai báo nằm trong cặp thẻ nằm trong phần thông tin quản lý của website.

1. Tính chất charset
1

tính chất charset trong thẻ Meta mục đích để khai báo cho các bộ duyệt bảng mã ký tự bên trong trang web , hỗ trợ để đọc được các tiếng nói latin , Hán Nôm…

2. Tính chất name
Trong tính chất name bạn có hai giá trị đó là name và content ( nội dung ).

Một số giá trị của tính chất name và cách sử dụng như sau:

• Thuộc tính ” title ” : Khai báo thẻ tiêu đề website , tiêu đề này sẽ được hiển thị khi tầm trên google

1


các thẻ html khai báo thông tin web

• Thuộc tính ” author ” : Khai báo tên tác giả của trang web

1

• Thuộc tính ” keyword ” : Khai báo các từ khóa của trang web nhằm giúp các công cụ tầm định vị được từ khóa của website

1



các thẻ html khai báo thông tin web

• Thuộc tính ” description ” : Khai báo diễn tả tóm tắt nội dung của trang web , trang web của bạn hoạt động về khu vực gì.

1

• Thuộc tính ” robots ” : Khai báo cho công cụ tầm như google tìm nạp website của bạn khi có bài viết mới , giúp google index bài viết nhanh hơn để lên đẳng cấp cao hơn.

1

• Thuộc tính ” language ” : Khai báo tiếng nói của website bạn , thẻ này rất cần thiết trong SEO để bộ máy tầm biết được tiếng nói và hướng người dùng vào.

1


Lời kết : Kết thúc bài bữa nay bạn đã có khả năng nắm được những thẻ HTML căn bản thường được khai báo trong thông tin của một trang web , việc khai báo những thẻ này giúp trang web của bạn thêm phần chuyên nghiệp và đặc biệt hoàn cảnh tối ưu được các công cụ tầm như google , yahoo giúp website của bạn có đẳng cấp hơn.

Chúc bạn thành công!

 

Mình có thời gian code PHP, sử dụng một số công cụ lập trình nhưng mình thấy dùng Sublime text là dễ sử dụng nhất