Giới thiệu HTML5
Giới thiệu HTML5
HTML5 được ra đời năm 2012, là bản nâng cấp của ngôn ngữ lập trình HTML và HTML4. Kể từ khi xuất hiện.HTML5 ngày càng được nhiều người sử dụng như một ngôn ngữ lập trình chính. HTML hay còn gọi là “HyperText Markup Language” là một trong những yếu tố quan trọng nhất của World Wide Web. HTML được xem là ngôn ngữ lập trình được sử dụng để mô tả một trang web trông nó như thế nào về mặt hình thức, tùy theo sự sáng tạo của lập trình viên.Ở thời điểm hiện tại, đa số các trình duyệt Internet phổ biến như Chrome, Firefox, Opera, Internet Explorer (IE) đều hỗ trợ nền tảng HTML5.
Soạn thảo HTML5 bằng công cụ gì?
Để soạn thảo code HTML5 bạn chỉ cần dùng các phần mềm có sẵn trong máy tính như Word, Notepad để soạn thảo sau đó lưu tệp với phần mở rộng là HTML hoặc HTM là có thể chạy hiển thị trên các trình duyệt.
Còn nếu muốn code dễ nhìn và hỗ trợ thêm các công cụ thì bạn có thể tham khảo một số phần mềm như:
+ Notepad++: Đây là một công cụ soạn thảo miễn phí được yêu thích. Nó sẽ bao gồm một số tính năng như số dòng, mã màu, gợi ý và một số công cụ hữu ích mà ứng dụng Notepad tiêu chuẩn không có.
+ Komodo: là mã nguồn mở và miễn phí để tải xuống. Komodo Edit bao gồm rất nhiều tính năng tuyệt vời để phát triển HTML và CSS. Ngoài ra, bạn có thể nhận extension để thêm hỗ trợ ngôn ngữ hoặc các tính năng hữu ích khác, như các ký tự đặc biệt. Trong khóa học này các bài hướng dẫn sẽ được viết trên phần mềm Komodo. Để hiểu hơn về phần mềm này bạn có thể theo dõi trong video.
+ Eclipse: hỗ trợ cho người viết code trên nhiều nền tảng và với nhiều ngôn ngữ khác nhau. Nó được cấu trúc như plug in, vì vậy nếu cần chỉnh sửa một cái gì đó, bạn chỉ cần tìm plug in thích hợp. Eclipse phù hợp khi bạn cần thiết kế website cho dự án lớn hoặc khi bạn đã thành thạo trong thiết kế website.
+ Microsoft Visual Studio: Công cụ mà khi bạn lập trình trên Windows không thể không biết tới. Bộ công cụ hỗ trợ tạo các ứng dụng cho web, thiết bị di động và máy tính để bàn. Nếu bạn thiên hướng code .NET thì không thể bỏ qua bộ công cụ này.
Viết file HTML đầu tiên
B1: Khởi động công cụ soạn thảo Komodo IDE chọn New File from Template, chọn kiểu file là HTML5
B2: Soạn thảo đoạn code sau
<!DOCTYPE html> <html> <head> <title>Giới thiệu HTML</title> </head> <body> <h1>Bài 1</h1> Bài 1 hướng dẫn cài đặt .... </body> </html>
B3: Lưu file với phần mở rộng là HTML hoặc HTM
B4: Mở thử file vừa lưu trên trình duyệt và xem kết quả.
Ý nghĩa các cặp thẻ trong đoạn code
+ Thẻ <head> Là phần đầu của trang Header thường chứa một số thông tin cơ bản như tiêu đề, logo, liên hệ, …. Như ở trên ta mới chỉ sử dụng mô tả tiêu đề của trang, Khi tìm kiếm trên Google sẽ hiển thị tiêu đề này trong kết quả.
+ Thẻ <body> nội dung chính của website sẽ nằm trong cặp thẻ body. Trình duyệt sẽ dịch hết các cặp thẻ này để hiển thị lên màn hình trình duyệt.
+ Thẻ <h1> Thường sử dụng để đánh dấu tiếu đề nội dung. Ngoài <h1> có thể sử dụng <h2> …<h6> để đánh dấu các tiêu đề cấp thấp hơn.
+ Thẻ <html> đánh dấu đoạn code sử dụng ngôn ngữ html.
Comments
Bản quyền © 2024 | Theme WordPress viết bởi MH Themes