- Trang chủ
- Hướng dẫn học
- Hướng dẫn học HTML/HTML5
- Giới thiệu về HTML
Giới thiệu về HTML
- HTML là ngôn ngữ dùng để mô tả một trang web.
- HTML viết tắt của từ Hyper Text Markup Language.
- HTML không phải là ngôn ngữ lập trình, html là ngôn ngữ đánh dấu [markup language], ngôn ngữ đánh dấu là một nhóm các thẻ đánh dấu [các tag], HTML sử dụng các thẻ này để mô tả trang web.
Sự sắp xếp chiều dọc của thẻ block trong HTML
Khi sử dụng các thẻ block, trình duyệt sẽ sắp xếp các thẻ theo chiều dọc, mỗi thẻ sẽ chiếm vùng không gian nằm ngang từ trên xuống theo thứ tự sắp xếp trong trang HTML, thẻ nào code trước sẽ nằm trên, các thẻ code sau sẽ nằm bên dưới.
Xem ví dụ sau đây để thấy được trình duyệt sắp xếp các thẻ theo chiều ngang như thế nào:
HTML viết
Tiêu đề 01
- Link 01
- Link 02
- Link 03
- Link 04
- Link 05
Tên công ty
Địa chỉ
Hiển thị trình duyệt:
Thẻ a
thẻ span
thẻ em
thẻ strong
Hiển thị trình duyệt:
Tới đây chắc các bạn đã hiểu nhiệm vụ của HTML dùng để làm gì, đối với các thẻ block trình duyệt sẽ sắp xếp nó theo chiều dọc, đối với các thẻ inline trình duyệt sẽ sắp xếp theo chiều ngang, nếu muốn hiểu rõ hơn các bạn có thể tham khảo thêm các vùng không gian HTML
Nhiệm vụ của trình duyệt [Firefox, Internet Explorer, Safari, Opera, Chrome,...] là đọc văn bản HTML và hiển thị chúng như chúng ta thấy, tuy nhiên các trình duyệt không hiển thị các thẻ HTML [các tag], nhưng lại sử dụng các thẻ để giải thích nội dung cho trang web.
Một số kiến thức cơ bản về HTML
- Đối với những bạn mới đặt chân vào con đường "lập trình web" thì HTML sẽ là ngôn ngữ đầu tiên mà các bạn cần phải học, và đây cũng chính là bài đầu tiên trong loạt tài liệu học HTML. Cho nên, tôi sẽ cố gắng nói thật đơn giản để giúp các bạn có được cái nhìn tổng quan về ngôn ngữ này.
1] HTML là gì ?
- HTML là chữ viết tắt của cụm từ HyperText Markup Language [ngôn ngữ đánh dấu siêu văn bản]
- HTML dùng để tạo ra các trang web, những nội dung mà chúng ta nhìn thấy trên trang web [chẳng hạn như: văn bản, hình ảnh, âm thanh, video, . . . .] chính là những thứ được xây dựng dựa trên các thẻ HTML.
- Ví dụ: Trước tiên các bạn truy cập trang //webcoban.vn/file/danh-sach-hoc-bong.html. Sau đó, bấm tổ hợp phím Ctrl + U hoặc nhấp chuột phải vào trang rồi chọn xem nguồn trang thì các bạn sẽ thấy mã nguồn như bên dưới.
✅ Đây là các thẻ HTML, chúng chính là nguồn gốc tạo ra những nội dung được hiển thị trên trang web
2] Tìm hiểu khái niệm thẻ trong HTML
- Thẻ [tag] là một từ khóa được đặt bên trong cặp dấu ngoặc nhọn.
- Mỗi thẻ sẽ có một chức năng riêng, ví dụ:
- Thẻ
dùng để tạo một đoạn văn bản.
- Thẻ dùng để tạo một cái liên kết.
- Thẻ
2.3] Thẻ lồng nhau
- Thẻ lồng nhau thực chất chỉ là một trong những kỹ thuật cơ bản khi viết mã HTML, các thẻ được lồng vào nhau để xây dựng nên những nội dung đa dạng hơn.
- Ví dụ: Tôi đặt thẻ lồng bên trong thẻ
để xác định một cụm từ được gạch dưới chân, nó giúp cho nội dung của đoạn văn bản trở nên đa dạng hơn.
Trung tâm luyện thi đại học
- Tuy nhiên có một điều mà các bạn cần phải lưu ý đó chính là các thẻ được phép lồng vào nhau, nhưng tuyệt đối không được chéo nhau.
- Ví dụ: Viết như bên dưới là sai quy tắc.
Trung tâm luyện thi
đại học- Lưu ý: Trong ngôn ngữ HTML, khi chúng ta viết mã sai quy tắc thì trên màn hình không hiện lên bất kỳ một thông báo lỗi nào, chỉ là các nội dung sẽ không được hiển thị chính xác như mong đợi.
3] Tìm hiểu khái niệm tập tin HTML
- Tập tin HTML là một loại tập tin văn bản mà bên trong nó có chứa các thẻ HTML, một tập tin HTML phải có phần đuôi là .html hoặc .htm
- Lưu ý: Một tập tin HTML cũng có thể được gọi là:
- Một tài liệu HTML.
- Một trang HTML.
- Một trang web.
4] Giới thiệu loạt tài liệu hướng dẫn học HTML trên webcoban.vn
- Hiện nay có nhiều bạn muốn học HTML nhưng vì một vài lý do nào đó [chẳng hạn như điều kiện kinh tế hoặc trùng thời gian làm việc, . . . .] nên không thể đăng ký tham gia các khóa học tại các trung tâm hoặc khóa học trực tuyến, nên đã chọn cho mình con đường tự tìm kiếm tài liệu trên mạng.
- Nắm bắt được nhu cầu đó, chúng tôi đã dành ra một khoảng thời gian khá dài để tổng hợp tất cả những kiến thức quan trọng trong HTML rồi biên soạn lại thành một "bộ tài liệu hướng dẫn học HTML" với mục đích tạo điều kiện cho các bạn có thể học HTML miễn phí, đồng thời làm chủ được thời gian.
- Bộ tài liệu này được biên soạn theo mức độ từ cơ bản đến nâng cao, mỗi bài viết đều đã được trau chuốt kỹ lưỡng, bài học trước sẽ cung cấp "kiến thức tiên quyết" cho bài học sau. Cho nên, ở mỗi bài học đều hết sức rõ ràng - mạch lạc - dễ hiểu [cột bên trái chính là danh sách các bài viết của bộ tài liệu]
- Nếu bạn là một người đang học HTML thông qua hình thức tự tìm kiếm tài liệu trên mạng thì tôi nghĩ đây sẽ là một bộ tài liệu rất hữu ích dành cho bạn.
- Chúc các bạn có một khởi đầu tốt !