HTML là ngôn ngữ đánh dấu mà các nhà phát triển trang web sử dụng để tạo tất cả các trang web bạn tìm thấy trên internet
HTML là ngôn ngữ đánh dấu mà các nhà phát triển trang web sử dụng để tạo tất cả các trang web bạn tìm thấy trên internet
HTML là gì?
HTML stands for Hyper Text Markup Language. It defines the layout and structure of a web page using formatting “tags” inside of brackets made up of less than “” symbols.
Mỗi thành phần trang web bao gồm một nhãn cụ thể cho trình duyệt biết cách định dạng hoặc cấu trúc phần đó của trang. Do đó, toàn bộ trang web chỉ đơn giản là một loạt các yếu tố đó
Ví dụ: một trong những trang web cơ bản nhất sẽ chứa
- . Đánh dấu phần đầu và phần cuối của tệp HTML
- . Đánh dấu phần đầu và phần cuối của thông tin tiêu đề trang web
- . Gắn nhãn tiêu đề sẽ được hiển thị trên thanh tiêu đề của trình duyệt
- . Đánh dấu phần đầu và phần cuối của nội dung trang web
đến . Kích thước tiêu đề trong toàn bộ tài liệu từ lớn [H1] đến rất nhỏ [H6]
. Chèn một dấu ngắt đoạn dưới dạng hai ký tự xuống dòng [một dấu cách giữa các dòng]
. Chèn ngắt dòng [không có khoảng cách giữa các dòng]- . In đậm văn bản giữa các thẻ
- . In nghiêng văn bản giữa các thẻ
Như bạn có thể thấy, thật đơn giản để tạo một trang web ngay cả khi bạn không có máy chủ web. Tất cả những gì bạn cần là tạo một tệp HTML và tải nó bằng
Cách thức hoạt động của HTML
Rõ ràng, hầu hết các trang không được lưu trữ trên máy tính của bạn. Thay vào đó, chúng được lưu trữ trên các máy chủ web trên internet. Vì vậy, khi bạn truy cập một bài báo hoặc nội dung khác trên bất kỳ trang web nào, máy chủ sẽ gửi cho trình duyệt của bạn. tệp html chứa nội dung cho trang đó
Bạn có thể xem mã HTML của bất kỳ trang web nào trong trình duyệt Chrome bằng cách nhấp chuột phải vào bất kỳ đâu trên trang và chọn Xem nguồn trang
Điều này sẽ cho bạn thấy mã đằng sau trang web. Bạn có thể thấy rằng đó là một tệp HTML bằng thẻ đầu tiên ở đầu tệp
Tuy nhiên, bạn cũng sẽ nhận thấy rằng mã nguồn chứa các loại thẻ khác hoàn toàn không phải là thẻ HTML
Tập lệnh nhúng trong tệp HTML
Ví dụ: bạn có thể thấy mã gọi. php hoặc. tập tin js. Đây là các tập lệnh PHP và Javascript cho phép các trang web động tải các nội dung khác nhau tùy thuộc vào đầu vào của người dùng hoặc đầu ra của các tập lệnh khác chạy trên máy chủ web hoặc trình duyệt và phân phối nội dung vào cùng một tệp HTML mà trình duyệt của bạn đọc
Vì HTML là một phương pháp "tĩnh" được sử dụng để định dạng nội dung trên trang web nên các nhà thiết kế web cần một cách năng động hơn để thay đổi nội dung trên trang dựa trên vị trí trình duyệt di chuột hoặc nhấp chuột. Trình duyệt có thể đọc và diễn giải mã Javascript, thay đổi định dạng hoặc các thành phần khác của trang web dựa trên tương tác của người dùng
Ví dụ: đây là cách các menu trên một trang sẽ thay đổi màu sắc bất cứ khi nào bạn di chuột qua từng mục menu
Mã PHP được nhúng vào trang web cho phép những thứ như nút động hoạt động bình thường. Ví dụ: nút Nhận xét ở cuối bài viết mà bạn sẽ thấy trên trang web này được điều khiển bởi mã PHP chạy trên máy chủ và sẽ gửi nhận xét được đăng trên mỗi bài viết
PHP cũng cho phép quản trị viên web tạo các tính năng sáng tạo như cuộn vô hạn để tiếp tục tải các bài viết mới khi bạn cuộn xuống trang chính của trang web
Nhờ có các ngôn ngữ kịch bản dựa trên web hiện đại, các trang web ngày nay không còn tĩnh nữa, điều mà tất cả mã HTML sẽ cho phép.
Các thẻ HTML khác
Nếu bạn đã sẵn sàng bắt đầu tạo các tệp HTML của riêng mình, bạn sẽ cần biết cách sử dụng các thẻ HTML phổ biến nhất ngoài các thẻ cơ bản được mô tả ở trên
Sau đây là một số ví dụ về một số thẻ HTML khác mà bạn có thể sử dụng khi viết mã cho các trang web của riêng mình
HREF để chèn liên kết
Để nhúng một liên kết bên trong trang web của bạn, hãy sử dụng một href
Tìm iPhone của bạn bằng Hey Siri
Thao tác này sẽ liên kết văn bản “Tìm iPhone của bạn bằng Hey Siri” với liên kết URL mà bạn đã đưa vào dấu ngoặc kép sau “href=”
IMG SRC để chèn ảnh
Bạn có thể chèn hình ảnh vào trang web bằng img src
Điều này sẽ kéo hình ảnh my-picture. jpg từ máy chủ web và sẽ hiển thị nó trên trang mà bạn đã đặt thẻ này, với chiều rộng 150 pixel và chiều cao 120 pixel
Thông số alt hiển thị dòng chữ “my profile photo” trên trình duyệt không hiển thị được ảnh. Nếu bạn không bao gồm tham số "kiểu", hình ảnh sẽ hiển thị ở độ phân giải gốc, có thể quá lớn hoặc quá nhỏ đối với khu vực của trang mà bạn đang nhúng nó
UL và OL để tạo danh sách
Nếu bạn muốn sử dụng dấu đầu dòng hoặc danh sách được đánh số trong nội dung của mình, có hai thẻ cho phép bạn làm điều này
Đoạn mã sau sẽ chèn một danh sách không được đánh số [dấu đầu dòng]
- Item 1
- Item 2
- Item 3
Use
- at the start of the list and
- and tags.
- Item 1
- Item 2
- Item 3
You can use the same approach for a numbered list by using
- which stands for “Ordered List”.
Chèn bảng
Các nhà thiết kế web đã từng sử dụng các bảng lớn để định dạng các trang web. Nhưng với sự ra đời của Cascading Style Sheets [CSS], điều này không còn cần thiết nữa. Thay vào đó, các tệp CSS được lưu trữ trên máy chủ web và các trang HTML gọi các tệp đó để xác định cách định dạng những thứ như lề, kích thước phông chữ và màu sắc, v.v.
However, tables are still useful to display things like data. To insert a table, enclose the beginning of the content with
Enclose each row with