Học HTML

Mục lục:

Học HTML
Học HTML
Anonim

Trong bài viết này, bạn sẽ học cách sử dụng HTML để viết trang web đầu tiên của mình! Bài viết sẽ đưa ra những ví dụ minh họa để bạn hiểu rõ hơn. Hãy đặt trước ngay bài viết được thiết kế ban đầu dành cho những ai mới bắt đầu tìm hiểu HTML. Ngoài ra, chúng tôi cam kết rằng khi đọc xong bài viết này, bạn được đảm bảo sẽ tạo trang web đầu tiên của mình.

HTML là viết tắt của HyperText Markup Language, tức là một ngôn ngữ để sắp xếp văn bản.

Không giống như các ngôn ngữ lập trình (JavaScript, PHP, v.v.) sử dụng tập lệnh để thực hiện các hành động trên trang web, ngôn ngữ trình tự (HTML) sử dụng các thẻ để đánh dấu nội dung trang web.

Hãy bắt đầu học HTML từ đầu

Cũng giống như tiếng Anh được tạo thành từ các chữ cái A, B, C, v.v., vì vậy HTML được tạo thành từ các "chữ cái" đặc biệt:,,

v.v … Những "chữ cái" đặc biệt này của ngôn ngữ HTML được quản trị viên web gọi là thẻ.

Sau đây là ví dụ về thẻ HTML.


Thẻ Tạo đường gạch dưới xung quanh các cạnh của văn bản này.

Các thẻ HTML được ghép nối với các kiểu ngôn ngữ CSS cho phép bạn tạo các trang web một cách nhanh chóng và hiệu quả.

Vị trí của HTML trong số các ngôn ngữ khác

Như bạn đã biết, một trang web tốtđược xây dựng bằng ít nhất 5 ngôn ngữ.

Trang web hiện đại được xây dựng bằng các ngôn ngữ:

  1. HTML (cấu trúc và thứ tự).
  2. CSS (nội dung kiểu).
  3. JavaScript (hành động của trình duyệt).
  4. PHP (hành động của máy chủ).
  5. SQL (lưu trữ dữ liệu).

HTML là ngôn ngữ cơ bản chính mà những ngôn ngữ khác dựa trên đó. Vì vậy, học HTML nên là bước đầu tiên đối với bất kỳ ai học cách xây dựng trang web trên web.

Tag

Ngôn ngữ HTML đã thay đổi trong nhiều năm kể từ khi ra đời. Hiện tại, hầu hết các trang web trên Internet đang chuyển sang phiên bản mới nhất của ngôn ngữ - HTML5. Nhưng ngay cả trong HTML5, các nguyên tắc cơ bản của ngôn ngữ vẫn không thay đổi.

Cấu trúc của một trang HTML giống như một chiếc bánh sandwich. Giống như một chiếc sandwich có hai lát bánh mì, một tài liệu HTML có một thẻ HTML mở và đóng.

Những thẻ này, giống như bánh mì trong sandwich, bao quanh mọi thứ bên trong.


Tag

Khi bạn tiếp tục học HTML, bạn chắc chắn sẽ làm quen với thẻ. Trực tiếp bên trong thẻ mẹ là tất cả nội dung của trang web, bao gồm cả thẻ. Thẻ này là bắt buộc và chứa tất cả các cài đặt của trang web mà nó được viết. Những cài đặt này không hiển thị với khách truy cập trang web, chỉ có các trình duyệt (Google Chrome, Mozilla Firefox, v.v.) mới thấy chúng.

Khối cài đặt trang web chứa tất cả các phần tử "không hiển thị" giúp trình duyệt hiển thị trang web của bạn một cách chính xác trên web.


Tất cả các tùy chọncó thể được định cấu hình bên trong thẻ, chúng tôi sẽ xem xét nó, nhưng một chút sau - khi thời điểm đến.

Tag

Thẻ, giống như thẻ, nằm bên trong thẻ.

Thẻ này là cần thiết để hiển thị trên trang web của bạn tất cả thông tin mà bạn muốn hiển thị.

Tiêu đề, đoạn văn, bảng, hình ảnh và liên kết chỉ là một phần nhỏ của các phần tử có thể chứa bên trong thẻ.

Cấu trúc cơ bản của tài liệu HTML:


……

Trang web đầu tiên của bạn

Bây giờ bạn biết rằng bạn có thể tạo trang web bằng HTML và các thẻ cơ bản được sử dụng cho việc này:

  • . Vạch ra ranh giới của một trang web.
  • . Chứa các cài đặt để hiển thị một trang web trong trình duyệt.
  • . Chứa tất cả các thành phần trang web (hình ảnh, video, văn bản, v.v.) mà bạn muốn hiển thị cho khách truy cập trang web.

Các thẻ khác như,,, chúng ta sẽ sớm nói đến.

Sẽ thật tuyệt nếu người đọc không chỉ đọc bài viết này mà còn chạy ngay đến để trau dồi kỹ năng. Để trau dồi kỹ năng HTML, bạn sẽ cần tạo trang web đầu tiên của mình, trang web này sẽ đóng vai trò là nơi thử nghiệm các kỹ năng mới của bạn.

Được biết rằng các nhà khai thác di động ("MTS", "MegaFon", v.v.) cung cấp cho chúng tôi các dịch vụ di động. Theo cách tương tự, các dịch vụ tạo và quản lý các trang web được cung cấp cho chúng tôi bởi các nhà khai thác dịch vụ lưu trữ. Để tạo trang web của bạn, hãy truy cập trang web của bất kỳ nhà cung cấp dịch vụ lưu trữ miễn phí nào.

Các nhà cung cấp dịch vụ lưu trữ đã được xác minh bao gồm BEGET hoặcchẳng hạn như reg. Bạn có thể chọn bất kỳ ai.

Sau một thời gian ngắn đăng ký, sau 24 giờ, trang web đầu tiên của bạn trên Internet sẽ được tự động tạo, trang web này sẽ hiển thị cho toàn thế giới và bạn có thể bắt đầu thực hành!

Cấu trúc trang web hiện đại

Bây giờ bạn đã có trang web của mình, hãy kiểm tra xem thẻ chứa những thẻ nào và cách chúng tổ chức thông tin trên các trang web.

Cấu trúc của một trang web hiện đại
Cấu trúc của một trang web hiện đại

Hình trên là sơ đồ thể hiện cấu trúc đi kèm với phiên bản mới nhất của ngôn ngữ HTML - HTML5. Cùng với HTML5, không chỉ là các thẻ mới, mà còn là ý nghĩa của việc xây dựng các trang web. Tất cả các thẻ bạn thấy trong hình đều nằm trong thẻ chính. Các thẻ này giúp bạn "phác thảo" cấu trúc trang web của mình và mang lại ý nghĩa cho nó.

Ví dụ: các thẻ bên trong… rất thuận tiện để đặt tiêu đề trang web (thẻ) và mô tả trang web (thẻ).

Thật thuận tiện khi đặt menu (liên kết) của trang web (thẻ) bên trong các thẻ.

Thật thuận tiện khi đặt bất kỳ khối thông tin lớn nào liên quan đến ý nghĩa bên trong các thẻ. Nó có thể là một số bài báo, mỗi bài báo được "bọc" trong thẻ, hoặc ảnh (thẻ), hoặc bảng (thẻ

) và hơn thế nữa.

Thật thuận tiện khi đặt bất kỳ thông tin nào bên trong các thẻ không phù hợp với ý nghĩa của.

Bên trong các thẻ, thông thường đặt thông tin bổ sung như thông tin liên hệ, các phần bổ sung của trang web, v.v.

Vì vậy, bây giờ bạn đã thành thạo hơn một chút về những gì các trang web hiện đại được tạo ra. Hãy lấy một ví dụ đểsự hỗn loạn trong đầu tôi đã được thay thế bằng sự kinh ngạc từ cái nhìn sâu sắc.

Vì vậy, khi bạn mở trình quản lý tệp trên trang web của nhà điều hành lưu trữ và tìm thấy một tài liệu có tên là index.php, hãy viết vào đó, như thể từ đầu, cấu trúc trang web của bạn.

Trang web đầu tiên của tôi

Tiêu đề trang

Mô tả trang

Liên kết1 | Liên kết2 | Liên kết3

Tiêu đề của một số bài báo

Đây là một khối chứa bất kỳ thông tin nào và với sự trợ giúp của CSS, bạn có thể tô màu khối này và toàn bộ trang web với tất cả nội dung của nó, theo cách bạn muốn. © Mọi quyền được bảo lưu

Hãy nhớ rằng chúng tôi đã nói rằng có các cài đặt khác nhau cho trang web? Chà, đây rồi:

  1. Bằng cách sử dụng, chúng tôi hiển thị cho các trình duyệt rằng trang web có thể chứa cả ký tự tiếng Nga và tiếng Anh (nếu không, khi bạn mở trang web, bạn sẽ thấy krakozyabry khủng khiếp).
  2. được sử dụng để biểu thị tên trang, sẽ được hiển thị trong tab trình duyệt và trong công cụ tìm kiếm ("Yandex", Google và những thứ tương tự).

Tất nhiên, nếu không có kiểu CSS, trang web của bạn sẽ trông thật buồn tẻ (chữ đen trên nền trắng), nhưng hãy nhớ thử viết trang đầu tiên của bạn bằng HTML trước.

Xin chúc mừng! Bạn vừa tạo trang web đầu tiên trên trang web của riêng bạn! Nó sẽ thú vị hơn!

Đề xuất: