thiết kế website, Thủ thuật máy tính

Làm quen với html

HTML (viết tắt của từ HyperText Markup Language, hay còn gọi là “Ngôn ngữ Đánh dấu Siêu văn bản”) là một ngôn ngữ đánh dấu được thiết kế ra để tạo nên các trang web trên World Wide Web. Nó có thể được trợ giúp bởi các công nghệ như CSS và các ngôn ngữ kịch bản giống như JavaScript.
Các trình duyệt web nhận tài liệu HTML từ một web server hoặc một kho lưu trữ cục bộ và render tài liệu đó thành các trang web đa phương tiện. HTML mô tả cấu trúc của một trang web về mặt ngữ nghĩa và các dấu hiệu ban đầu được bao gồm cho sự xuất hiện của tài liệu.
 
Các phần tử HTML là các khối xây dựng của các trang HTML. Với cấu trúc HTML, hình ảnh và các đối tượng khác như biểu mẫu tương tác có thể được nhúng vào trang được hiển thị. HTML cung cấp một phương tiện để tạo tài liệu có cấu trúc bằng cách biểu thị ngữ nghĩa cấu trúc cho văn bản như headings, paragraphs, lists, links, quotes và các mục khác. Các phần tử HTML được phân định bằng các thẻ, được viết bằng dấu ngoặc nhọn. Các thẻ như <img /> và <input /> giới thiệu trực tiếp nội dung vào trang. Các thẻ khác như <p> bao quanh và cung cấp thông tin về văn bản tài liệu và có thể bao gồm các thẻ khác làm phần tử phụ. Các trình duyệt không hiển thị các thẻ HTML, nhưng sử dụng chúng để diễn tả nội dung của trang.

Có, nhất nhiều trang web hỗ trợ code rất hữu ích. Dưới đây là một số trong số chúng:

  1. w3schools.com: Đây là một trong những nguồn tài liệu phổ biến nhất cho việc học lập trình web. Trang này cung cấp các hướng dẫn, ví dụ và bài tập cho nhiều ngôn ngữ lập trình như HTML, CSS, JavaScript, PHP, Python, và nhiều hơn nữa.
  2. java2s.com: Trang này chứa hàng ngàn ví dụ code cho nhiều ngôn ngữ lập trình như Java, JavaScript, Python, PHP, HTML, và CSS. Đây là một tài nguyên tốt để tìm kiếm các ví dụ cụ thể cho các vấn đề lập trình.
  3. github.com: GitHub không chỉ là một dịch vụ lưu trữ mã nguồn mở hàng đầu thế giới mà còn là một cộng đồng lập trình viên lớn. Bạn có thể tìm thấy hàng ngàn dự án mã nguồn mở trên GitHub, cũng như tham gia vào các dự án và hợp tác với các lập trình viên khác.

Cấu trúc cơ bản của một trang web thường bao gồm:

  • Header (Đầu trang): Chứa tiêu đề của trang, menu điều hướng, logo, hoặc các phần tử khác mà bạn muốn hiển thị ở đầu trang.
  • Content (Nội dung): Phần chính của trang web, nơi bạn hiển thị thông tin, hình ảnh, và các phần tử khác.
  • Footer (Chân trang): Thông thường chứa các liên kết đến các trang khác, thông tin liên hệ, hoặc bất kỳ thông tin bổ sung nào bạn muốn hiển thị ở cuối trang.

Để hiển thị hình ảnh, link và nội dung trên trang web, bạn có thể sử dụng các phần tử HTML như sau:

<!DOCTYPE html>
<html>
<head>
<title>Trang web của tôi</title>
</head>
<body>

<header>
<h1>Header - Tiêu đề của trang</h1>
<nav>
<ul>
<li><a href="#">Trang chủ</a></li>
<li><a href="#">Giới thiệu</a></li>
<li><a href="#">Liên hệ</a></li>
</ul>
</nav>
</header>

<div id="content">
<h2>Nội dung chính</h2>
<p>Đây là nội dung của trang web. Bạn có thể chèn hình ảnh bằng cách sử dụng thẻ &lt;img&gt;:</p>
<img src="image.jpg" alt="Hình ảnh mô tả">
<p>Bạn cũng có thể chèn liên kết bằng cách sử dụng thẻ &lt;a&gt;:</p>
<a href="http://example.com">Liên kết đến trang web khác</a>
</div>

<footer>
<p>Chân trang - Bản quyền © 2024 Trang web của tôi</p>
</footer>

</body>
</html>

Hình ảnh hiển thị ra có thể như sau:

web

Post Views: 102