Về cơ bản, HTML là ngôn ngữ lập trình cơ bản được sử dụng để tạo trang web. Nếu bạn đang xem xét sự nghiệp trong lĩnh vực thiết kế hoặc phát triển web, thì việc biết ngôn ngữ này là điều bắt buộc—nhưng ngay cả trong các ngành nghề khác, như tiếp thị kỹ thuật số, một chút HTML cũng có thể hữu ích
Khi bạn đã hiểu rõ về nó, viết và làm việc với HTML thật dễ dàng. Tuy nhiên, nếu bạn chưa bao giờ chạm vào nó, nó có vẻ như là một trong những bí ẩn lớn nhất của Internet
Trong bài đăng này, chúng tôi sẽ cung cấp phần giới thiệu cuối cùng về HTML cơ bản
Trước khi chúng ta bắt đầu, đừng hoảng sợ. Hướng dẫn này dành cho bất kỳ ai và tất cả mọi người—không yêu cầu kiến thức công nghệ
Sẵn sàng để bắt đầu với HTML?
1. HTML nghĩa là gì?
HTML là viết tắt của Hypertext Markup Language—và, như đã đề cập trước đây, đó là ngôn ngữ máy tính được sử dụng để tạo trang web. HTML mô tả cách trình duyệt internet sẽ hiển thị tài liệu. Nó được tạo ra bởi nhà vật lý Tim Berners-Lee vào cuối những năm 1990 và giống như tất cả các ngôn ngữ lập trình khác, nó đã liên tục được sửa đổi và cập nhật trong những năm qua
siêu văn bản
Về cơ bản, đây là văn bản có chứa các liên kết đến các văn bản khác. Bạn có thể nhấp vào các liên kết này để chuyển đến các trang hoặc phần văn bản khác
đánh dấu
Phần này đề cập đến các thẻ HTML và văn bản bên trong chúng. Chúng ta sẽ nói thêm về các thẻ sau
Ngôn ngữ
Cuối cùng, HTML là một ngôn ngữ—khá dễ hiểu, phải không?
2. HTML hoạt động như thế nào?
Rất đơn giản, HTML hoạt động bằng cách cho trình duyệt internet biết cách hiển thị trang
Đầu tiên, tác giả sử dụng một trình soạn thảo văn bản cơ bản trên máy tính [chẳng hạn như TextEdit cho Mac] để tạo tài liệu HTML của mình. Sau đó, tác giả điền vào tài liệu HTML của họ bằng một loạt các phần tử HTML, sử dụng các thẻ HTML
Thẻ HTML là gì?
Về cơ bản, các thẻ HTML là các điểm đánh dấu cho trình duyệt biết văn bản kèm theo sẽ được hiển thị như thế nào. Đây là một ví dụ đơn giản
This text should be bold.
Trong trường hợp này, và là các thẻ HTML. Họ đang đánh dấu văn bản kèm theo là “in đậm”—do đó, thành phần “đánh dấu” của HTML. Chúng tôi sẽ giải thích cách thực sự viết thẻ trong phần tiếp theo
Khi tài liệu hoàn tất, tác giả lưu nó dưới dạng tệp html và mở nó trong trình duyệt internet của họ. Sau đó, trình duyệt sẽ đọc tệp và làm theo hướng dẫn để hiển thị trang theo một cách nhất định—như được cung cấp bởi các thẻ HTML
Vì vậy, khi bạn sử dụng các thẻ “in đậm”, về cơ bản, bạn đang yêu cầu trình duyệt hiển thị câu này bằng chữ in đậm. This text should be bold.
Khi trình duyệt đọc điều này, nó sẽ biết hiển thị câu như mô tả. Văn bản này nên được in đậm
Tất nhiên, bản thân các thẻ HTML không được hiển thị trong trình duyệt [trừ khi bạn viết sai. ]
3. Viết HTML. Những thứ cơ bản
Thẻ
Các thẻ HTML được viết bên trong dấu ngoặc nhọn và có xu hướng đi theo cặp—vì vậy, chúng bao gồm cả thẻ mở và thẻ đóng
Ví dụ: thẻ được sử dụng để biểu thị một đoạn văn mới. Thẻ mở được viết như sau. . Sau thẻ này, bạn viết đoạn văn của mình. Để kết thúc, hãy thêm thẻ đóng của bạn, thẻ này giống với thẻ mở nhưng có dấu gạch chéo về phía trước. Trong trường hợp này, nó sẽ là.
Một cặp thẻ có văn bản kèm theo được gọi là một phần tử. Dưới đây là một số ví dụ về các phần tử HTML phổ biến và các thẻ tương ứng của chúng
________số 8
This is a paragraph
This text should be bold.0
This text should be bold.1
Hầu hết các thẻ HTML tuân theo mẫu mở và đóng này, nhưng cũng có một số thẻ chỉ cần thẻ mở là hợp lệ. Chúng được gọi là thẻ đơn và bao gồm những thứ như This text should be bold.2 để biểu thị ngắt dòng và This text should be bold.3 để bao gồm hình ảnh. Trình duyệt sẽ hiểu và thao tác trên các thẻ này mà không cần thẻ đóng
Thuộc tính
You can also assign attributes to your HTML elements. Attributes provide extra information about the text contained within the tags. For example, if you wanted to hyperlink the phrase “my website” in your HTML document, you would first use the tag pairs and to specify that the text should be linked. To tell the browser where the text should be linked to—i.e. the link address—you use the href attribute. Attributes, like the text, are always enclosed within the tags:
HTML. This text should be bold.4
Hiển thị dưới dạng. Trang web của tôi
Đây chỉ là phần giới thiệu rất đơn giản—bạn sẽ tìm hiểu thêm về các thuộc tính khi tìm hiểu sâu hơn về HTML, nhưng bây giờ chúng ta sẽ tập trung vào những điều cơ bản nhất
Viết một tài liệu HTML
When writing your HTML document, you need to tell the browser that it’s dealing with a HTML file—otherwise, it won’t be able to display the page. Each HTML doc must therefore contain the and tags. Don’t forget to close these tags at the very end of the document!
Đây là một ví dụ về tài liệu HTML của bạn có thể trông như thế nào trong trình soạn thảo văn bản
This is the title of my html document
This is a large heading
This is the first paragraph.
This is the second paragraph, which will be displayed in bold.
Để đảm bảo rằng bạn đã viết đúng HTML của mình, bạn có thể sử dụng công cụ W3schools Tryit Editor. Chỉ cần nhập HTML của bạn và nhấp vào “chạy” và bạn có thể thấy cách HTML của mình sẽ được hiển thị trong trình duyệt
4. Học HTML. Tiếp theo là gì?
Có rất nhiều thứ bạn có thể làm với HTML—từ nhúng hình ảnh đến xác định kiểu và màu sắc của các thành phần trang khác nhau
Khi nói đến việc tạo các trang web chuyên nghiệp, đầy đủ chức năng, HTML đi đôi với CSS và JavaScript. CSS là viết tắt của Cascading Style Sheets và được sử dụng để tạo kiểu cho các thành phần HTML của trang web của bạn. JavaScript là một ngôn ngữ lập trình khác cho phép bạn đưa các yếu tố tương tác vào trang web cơ bản của mình. HTML, CSS và JavaScript cùng nhau tạo thành nền tảng cho các công nghệ web tiêu chuẩn
Trước khi chuyển sang các chủ đề phức tạp hơn về CSS và JavaScript, hãy đảm bảo rằng bạn hoàn toàn thông thạo HTML. W3schools cung cấp hướng dẫn toàn diện về từng khía cạnh của HTML và bạn cũng có thể hoàn thành các bài tập thực hành và làm bài kiểm tra HTML của họ để kiểm tra tiến độ của mình