Thuộc tính và thuộc tính của thẻ PHP. Thẻ và thuộc tính HTML

Trong HTML, mọi thứ bạn viết trong tài liệu HTML sẽ được hiển thị trên màn hình trình duyệt dưới dạng văn bản cố định, nghĩa là trình duyệt bỏ qua ngắt dòng và một số khoảng trắng bạn nhập liên tiếp sẽ được thay thế bằng một khoảng trắng.

Thẻ là các lệnh điều khiển được phát minh để định dạng văn bản, tức là. các thẻ cho trình duyệt biết chính xác cách hiển thị phần văn bản được đính kèm trong các thẻ. Để tạo thẻ, bạn nhập mã HTML vào giữa các dấu ngoặc nhọn, mã này chỉ dành cho trình duyệt. Khách truy cập trang web không nhìn thấy thẻ.

Như đã lưu ý ở trên, tất cả các thẻ đều bắt đầu bằng dấu ngoặc nhọn< и заканчиваются угловой скобкой >. Sau dấu ngoặc nhọn mở là tên của thẻ (lệnh).

Ví dụ: gắn thẻ Được thiết kế để nhấn mạnh văn bản, trình duyệt hiển thị văn bản đó ở dạng in nghiêng. Khi trình duyệt gặp thẻ này, nó sẽ chuyển sang định dạng văn bản theo sau thẻ bằng kiểu chữ in nghiêng.

Hãy xem một ví dụ:

Văn bản này là bình thường. Văn bản này được in nghiêng.

Nhãn được gọi là thẻ bắt đầu hoặc thẻ mở, có nghĩa là trình duyệt đã bao gồm một lệnh cụ thể (trong trường hợp này là viết nó bằng chữ in nghiêng). Hầu hết các thẻ đều có một cặp ở dạng thẻ đóng để vô hiệu hóa lệnh.

Thẻ đóng trông giống như thẻ bắt đầu nhưng bắt đầu bằng dấu gạch chéo. Vì vậy, thẻ kết thúc cho chữ in nghiêng là - .

Hãy xem một ví dụ:

Văn bản này là bình thường. Chú ý! Chữ in nghiêng. Đây lại là một phông chữ thông thường.

Như bạn có thể nhận thấy, trình duyệt sẽ phân tích tuần tự tài liệu HTML để tìm kiếm lệnh (thẻ) và áp dụng hoặc vô hiệu hóa các tùy chọn định dạng văn bản khác nhau. Trình duyệt hiển thị văn bản được định dạng (mọi thứ không phải là thẻ) trong cửa sổ của nó.

Quá trình chèn thẻ vào văn bản thuần túy, chưa được định dạng được gọi là đánh dấu trong tài liệu HTML và thẻ được gọi là ký tự đánh dấu. Khi viết thẻ, trường hợp chữ cái không được tính đến, thẻ có thể được viết bằng cả chữ thường và chữ in hoa, nhưng vẫn nên sử dụng chữ in hoa.

Dưới đây là ví dụ về các thẻ HTML cơ bản, kèm theo lời giải thích về cách sử dụng chúng cũng như ví dụ về cách sử dụng chúng trong tài liệu HTML.

Tiêu đề

Có một thẻ đặc biệt để chỉ định các tiêu đề trong HTML. Có 6 cấp độ tiêu đề trong HTML, từ những cấp độ dành cho những thông báo quan trọng nhất đến những cấp độ ít quan trọng nhất.

Ngôn ngữ đánh dấu siêu văn bản H TML có nhiều lựa chọn thẻ để mang lại cho trang web một diện mạo dễ chịu. Theo thời gian, một nhà thiết kế web mới vào nghề nhận ra rằng chỉ đánh dấu văn bản là không đủ. Trong số các trang web hiện đại có những tác phẩm nghệ thuật thực sự. Người xây dựng trang web thử nghiệm với phông chữ văn bản, kích thước và vị trí của các thành phần theo ý muốn. Đó là thuộc tính HTMLcho phép bạn gán một số thuộc tính nhất định cho thẻ, bổ sung và thay đổi nội dung của chúng.

Thuộc tính

Các thuộc tính được viết trong thẻ mở và bao gồm hai phần. Đầu tiên là tên, được viết cách nhau bằng dấu cách sau tên thẻ. Phần thứ hai là giá trị thuộc tính, được biểu thị sau dấu “=” và được đặt trong dấu ngoặc kép. Thuộc tính HTMLkhác nhau cho các thẻ khác nhau. Hầu hết chúng thực hiện các nhiệm vụ khác nhau nhưng có một số thuộc tính chung. Chúng có thể được áp dụng cho nhiều thành phần trên một trang web.

Một thẻ có thể chứa nhiều thuộc tính. Chúng được viết lần lượt và chỉ nằm trong thẻ mở. Việc đóng không thể chứa bất kỳ thuộc tính nào.

Thuộc tính phần tử HTML chung

Có một số thuộc tính có thể được áp dụng cho các thẻ khác nhau. Họ chịu trách nhiệm về vị trí của thành phần trên trang, chiều cao, chiều rộng, màu sắc và các hiệu ứng hình ảnh khác. Một trong số đó là Căn chỉnh, những giá trị nào có thể được gán phải, trái hoặc giữa. Nó căn chỉnh thẻ theo chiều ngang, vì vậy nó có thể hữu ích cho hầu hết các thành phần đánh dấu. Valign làm điều tương tự, nhưng theo chiều dọc. Bạn có thể gán giá trị cho nó trên, dưới và giữa. Thuộc tính phổ quát tiếp theo là màu sắc, chịu trách nhiệm về giá trị của nó được biểu thị dưới dạng mã số, nghĩa là một trong các màu RGB. Nền có thể là hình ảnh nếu bạn sử dụng thuộc tínhlý lịch.

Bạn có thể đặt tên cho một thành phần sẽ được hiển thị khi bạn di chuột qua nó. Để làm điều này, hãy sử dụng thuộc tính tiêu đề, giá trị của nó được xác định bởi người dùng. Có một thuộc tính tương tự khác được sử dụng để tạo mã định danh duy nhất cho một phần tử. Thuộc tính này được gọi nhận dạng và cho phép người tạo trang web đặt kiểu cho một thẻ cụ thể. Để làm việc với CSS sử dụng một thuộc tính được gọi là lớp học, sẽ được coi là tên thẻ trong Cascading Style Sheets. Độ rộng của bảng, hình ảnh hoặc ô có thể được đặt bằng cách sử dụng chiều rộng, và chiều cao sử dụng thuộc tính chiều cao. Có những thuộc tính chung khác, nhưng người mới bắt đầu sẽ khó cần đến chúng.

Thuộc tính thẻ HTML

Có một số thuộc tính hữu ích ảnh hưởng đến toàn bộ tài liệu HTML. Một số trong số chúng có thể được áp dụng cho từng mảnh riêng lẻ, ví dụ như lang. Thuộc tính này chỉ định ngôn ngữ của văn bản trên trang web. Tại sao điều này lại cần thiết nếu trang web trông chính xác mà không cần chỉ định ngôn ngữ? Trên thực tế, một số ký tự xuất hiện khác nhau ở các ngôn ngữ khác nhau. Ví dụ: dấu ngoặc kép cho tiếng Anh trông như thế này - “…”, và đối với tiếng Nga, chúng trông giống như thế này “…”. Trong một số trường hợp, việc sử dụng lang là cần thiết, nhưng thường thì bạn có thể làm mà không cần nó. Thuộc tính xml:lang thực hiện chức năng tương tự nhưng được sử dụng trong các tài liệu XHTML.

Bạn không chỉ có thể đặt ngôn ngữ tài liệu mà còn có thể đặt một gợi ý đặc biệt. Nó bật lên khi bạn di chuột qua một trang web và được đặt bằng thuộc tính tiêu đề. Có một thuộc tính nữa cho thẻ, chỉ định không gian tên tài liệu XHTML. Tên của nó là xmlns. Giá trị của thuộc tính này là một liên kết -http://www.w3.org/1999/xhtml. Không có giá trị nào khác có thể được gán cho nó.

Tùy chọn phông chữ CSS

Một số thuộc tính HTML được sử dụng để chỉ định phông chữ trong CSS. Cái đầu tiên được gọi là họ phông chữ. Nó chỉ ra danh sách các phông chữ sẽ được sử dụng trong bất kỳ phần tử nào. Giá trị của thuộc tính này là tên của phông chữ. Phông chữ đã chọn có thể được thay đổi bằng cách sử dụng kiểu phông chữ. Tùy chọn này có thể làm cho phông chữ nghiêng hoặc nghiêng. Các giá trị là bình thường, in nghiêng và xiên. Thuộc tính hữu ích tiếp theo cho các biểu định kiểu xếp tầng được gọi là biến thể phông chữ. Với sự trợ giúp của nó, bạn có thể đánh dấu văn bản bằng các chữ in hoa đặc biệt. biến thể phông chữ chỉ có hai giá trị - chữ hoa bình thường và chữ hoa nhỏ.

Một thuộc tính khác của phông chữ được gọi là font-weight và chịu trách nhiệm về độ dày của văn bản. Nó có thể được đặt thành bình thường nếu bạn cần các chữ cái có độ dày tiêu chuẩn. Đối với văn bản nhạt, hãy đặt giá trị nhạt hơn và đối với văn bản nửa đậm, hãy đặt giá trị thành đậm. Văn bản in đậm được chỉ định trong thuộc tính này là in đậm hơn. Bạn có thể đặt độ dày của ký tự ở định dạng số. Trong trường hợp này, 100 là phông chữ mỏng và 900 là lựa chọn dày nhất. Thuộc tính font-size chỉ định kích thước phông chữ. Nó có thể được biểu thị bằng điểm (pt), pixel (px) và phần trăm (%). Để có được kích thước phông chữ chuẩn, hãy đặt thuộc tính này thành bình thường.

Thuộc tính văn bản

Với việc sử dụng đúng các thuộc tính, bạn không chỉ có thể thay đổi phông chữ mà còn có thể thay đổi toàn bộ văn bản. Bạn có thể đặt nó bằng thuộc tính line-height. Tham số này được chỉ định bằng cách chỉ định giá trị pixel, tỷ lệ phần trăm hoặc hệ số nhân chính xác. Giá trị bình thường áp dụng cho thuộc tính này. Bạn có thể thêm các hiệu ứng đẹp mắt cho văn bản nếu cần thiết. Có một thuộc tính trang trí văn bản cho việc này. Đặt nó thành không nếu bạn muốn loại bỏ tất cả các hiệu ứng tạo kiểu. Gạch chân sẽ thêm một dòng phía trên văn bản và gạch chân sẽ thêm một dòng phía trên văn bản. Giá trị nhấp nháy sẽ làm cho văn bản nhấp nháy và dòng văn bản sẽ gạch bỏ nó.

Một thuộc tính hữu ích khác là chuyển đổi văn bản. Nếu bạn đặt nó ở dạng viết hoa, văn bản sẽ bắt đầu bằng chữ in hoa. Giá trị chữ hoa sẽ làm cho tất cả các chữ cái viết hoa và ngược lại, chữ thường sẽ là chữ thường. Để loại bỏ tất cả các hiệu ứng, hãy đặt thuộc tính này thành không. Thụt lề văn bản sẽ giúp bạn điều chỉnh mức thụt lề của dòng đầu tiên. Nó có thể được gán một giá trị bằng pixel hoặc phần trăm. Text -align là thuộc tính chịu trách nhiệm căn chỉnh văn bản. Các giá trị có thể có cho tham số này là trái, phải, giữa, căn đều. Đừng cố nhớ các thuộc tính chính ngay lập tức; sách tham khảo HTML sẽ giúp bạn ở giai đoạn đầu.

Thẻ và thuộc tính HTML

Nếu bạn quyết định nắm vững nghệ thuật tạo trang web, bạn sẽ phải nhớ rất nhiều thẻ. Các thuộc tính HTML cũng không kém phần quan trọng vì nếu không có chúng thì không thể tạo được một trang web. Việc sử dụng khéo léo các thành phần ngôn ngữ này sẽ cho phép bạn tạo ra các trang web tốt.

Một số thẻ có các thuộc tính riêng rất khó nhớ và không thực tế. Đó là lý do tại sao ngay cả những nhà thiết kế web có kinh nghiệm cũng luôn giữ sẵn tài liệu tham khảo HTML. Không có gì sai với điều này, bởi vì bạn không bao giờ biết hôm nay mình sẽ cần thẻ hoặc thuộc tính nào. Tuy nhiên, tốt nhất là bạn nên nhớ các thuộc tính chung có thể áp dụng cho hầu hết các phần tử hiện có. Để củng cố tài liệu, hãy cố gắng áp dụng kiến ​​\u200b\u200bthức thu được vào thực tế. Nắm vững ngôn ngữ HTML và nó sẽ mang lại cho bạn nhiều cảm xúc tích cực cũng như thu nhập vững chắc.

Thẻ và thuộc tính:

Có hai loại thẻ HTML - thẻ chứa và thẻ đơn, luôn được đặt trong dấu ngoặc nhọn<...>.

Thẻ container bao gồm một cặp - thẻ mở và thẻ đóng<...>.... Tên thẻ đóng phải được đặt trước bởi dấu gạch chéo lên (/). Trong thẻ đóng bạn không cần phải viết các thuộc tính có trong thẻ mở!

Thẻ đơn ít phổ biến hơn và chỉ bao gồm thẻ mở. Ví dụ:
.

Một thẻ có thể có thuộc tính và giá trị thuộc tính. Ví dụ: <тег имя_атрибута_1="значение" имя_атрибута_2="значение">... . Các thuộc tính được thêm vào thẻ để mở rộng hoặc sửa đổi hành động của nó.

Thẻ và thuộc tính

"_blank" - sẽ mở tài liệu trong cửa sổ mới.
"_parent" - sẽ mở tài liệu trong khung gốc. Nếu không có, nó sẽ mở trong cửa sổ hiện tại.
"_top" - hủy tất cả các khung và tải trang trong cửa sổ trình duyệt đầy đủ; nếu không có khung, nó sẽ mở trong cửa sổ hiện tại.
"_self" - sẽ mở trong cửa sổ hiện tại (mặc định cho các liên kết).

Nhãn: [đơn]

Thông tin meta. Phục vụ chủ yếu cho robot tìm kiếm. Thuộc tính và giá trị:

Mô tả của tài liệu.
Từ khóa.
Quản lý quá trình lập chỉ mục. Các tùy chọn có thể:

"chỉ mục" - khả năng lập chỉ mục tài liệu này. Ngược lại - "noindex"
"theo dõi" - khả năng lập chỉ mục tất cả các tài liệu được liên kết trong một tệp HTML nhất định. Ngược lại - "nofollow"
"tất cả" - điều kiện đồng thời của 2 điều trên.
"không" - điều kiện đồng thời của hai điều kiện được liệt kê đầu tiên. Ngược lại.

Mã hóa tài liệu.
Cho biết tài liệu sẽ được tải lại sau 30 giây.

Nhãn: - Bảng phong cách toàn cầu. Nó được viết trong thẻ .
3] ví dụ- Bảng phong cách nội bộ. Đã đăng ký trong thẻ.

Nhãn:

[thùng đựng hàng]

Tạo một bảng. Thẻ bắt buộc:

. Ví dụ:

,




Ví dụ

Các thuộc tính thẻ có thể có:

Đặt độ dày của khung. Từ 0 đến...
Đặt màu đường viền.
Khoảng cách giữa các ô của bảng. Từ 0 đến...
Khoảng cách giữa nội dung của một ô và đường viền của nó. Từ 0 đến...
Chiều rộng của cái bàn. Từ 0 đến...
Chiều cao của bàn. Từ 0 đến...

Nhãn:

[thùng đựng hàng]

Tạo một hàng trong một bảng. Thuộc tính hợp lệ:

Đặt căn chỉnh theo chiều ngang của các ô trong bảng. Giá trị hợp lệ:

"trái" - căn lề trái.
"trung tâm" - căn giữa.
"đúng" - căn lề phải.
"justify" - căn chỉnh bột theo toàn bộ đường.

Đặt căn chỉnh theo chiều dọc của các ô trong bảng. Giá trị hợp lệ:

"top" - căn chỉnh theo cạnh trên.
"giữa" - căn giữa.
"bottom" - căn chỉnh với cạnh dưới.

Đặt màu nền.

Nhãn:

[thùng đựng hàng]

Tạo một ô trong bảng. Thuộc tính hợp lệ: , , , , ...

Cho biết số lượng cột được kết hợp trong một ô. Từ 1 đến...
Cho biết số lượng hàng được kết hợp trong một ô. Từ 1 đến...

Nhãn:

[thùng đựng hàng]

Xác định tiêu đề bảng. Một ô bình thường có văn bản in đậm ở giữa.

Nhãn:

[thùng đựng hàng]

Tạo một đoạn văn mới. Khi trình duyệt gặp thẻ này, nó sẽ tiếp tục văn bản trên một dòng mới.
Các thuộc tính có thể có: .

Nhãn: [thùng đựng hàng]

Đặt tiêu đề.

...

- tiêu đề lớn nhất.
...
- tiêu đề nhỏ nhất.
Các thuộc tính có thể có: .

Nhãn:
[đơn]

Ngắt dòng văn bản trên một dòng mới.

Nhãn: [đơn]

Tắt nguồn cấp dữ liệu dòng.

Nhãn: [thùng đựng hàng]

Tạo văn bản in đậm. ví dụ .

Nhãn: [thùng đựng hàng]

Tạo văn bản được gạch chân. ví dụ .

Nhãn: [thùng đựng hàng]

Tạo văn bản in nghiêng. ví dụ .

Nhãn: [thùng đựng hàng]

ví dụ .

Nhãn: [thùng đựng hàng]

Tạo văn bản bắt chước phong cách của máy đánh chữ. ví dụ .

Nhãn: [thùng đựng hàng]

Văn bản in nghiêng (được robot tìm kiếm coi là nổi bật).

Nhãn: [thùng đựng hàng]

Văn bản in đậm (được robot tìm kiếm coi là điểm nhấn đặc biệt mạnh mẽ).

Nhãn:


[đơn]

Thêm một đường ngang vào tài liệu HTML. Các thuộc tính có thể có:


Tạo một đường không có bóng.

Đặt chiều cao (độ dày) của đường.

Đặt độ rộng của dòng.

Đặt căn chỉnh theo chiều ngang trong bảng.

Đặt các đường thành một màu cụ thể.

Nhãn: [thùng đựng hàng]

Đặt chỉ số dưới trong văn bản. Ví dụ: N 2 Ô.

Nhãn: [thùng đựng hàng]

Đặt chỉ số trên trong văn bản. Ví dụ c 2 = a 2 + b 2.

Nhãn: [thùng đựng hàng]

Dùng để định dạng văn bản. Không hoạt động nếu không có thuộc tính. Các thuộc tính có thể có:

Chỉ định phông chữ.
Đặt kích thước văn bản. Từ 1 đến 7.
Đặt văn bản thành một màu cụ thể.

Nhãn: [thùng đựng hàng]

Trỏ tới một đường dẫn đến một trang khác.
Chỉ định cửa sổ nào sẽ mở siêu liên kết.
Chú giải công cụ bật lên khi bạn di chuột qua một liên kết.
Mở một chương trình email có EMAIL được chỉ định.
Đánh dấu một đoạn văn bản làm nhãn cho siêu liên kết trên một trang. Phục vụ như một mỏ neo.
Chỉ ra đường dẫn đến mỏ neo.

Bất kỳ mã nào cũng chứa các lệnh điều khiển thông qua đó các tác vụ nhất định được thực hiện. Trong mỗi ngôn ngữ, chúng được gọi khác nhau, nhưng bản chất của chúng là như nhau. Để không bị nhầm lẫn về các thuật ngữ và nói cùng một ngôn ngữ, chúng ta hãy tìm hiểu xem các lệnh HTML được gọi là gì và chúng được sử dụng như thế nào.

Trong phần giải thích, tôi sẽ cung cấp các liên kết đến thông số kỹ thuật cũng như bản dịch của nó mà tôi đã đề cập trên trang HTML... Bản dịch của A. Pyramidin được đề cập trong đặc tả HTML chính thức nên bản dịch có thể được coi là chất lượng cao.

Mọi thứ hơi khác một chút với các thẻ không yêu cầu phần đóng bắt buộc. Chúng bao gồm các thẻ tạo thành phần bảng: . Hàng của bảng sẽ tự động đóng thẻ nội dung bảng

. Nhưng cần phải đóng thẻ bảng, nếu không tất cả nội dung của trang sau bảng sẽ trở thành một phần của nó và sẽ bị ảnh hưởng bởi cài đặt bảng.

Cấm đóng các thẻ không thực hiện bất kỳ hành động nào trên siêu văn bản -


, ,
và những người khác. Các yêu cầu cho mỗi thẻ được chỉ định trong thông số kỹ thuật. Dưới đây chúng ta sẽ xem xét chính xác những gì được chỉ định. Hãy lặp lại. Có hai loại thẻ trong HTML:

  1. Chuỗi (nội tuyến). Chúng còn được gọi là nội tuyến.
  2. Khối.

Thẻ kết thúc (/đóng) có thể là:

  1. Thẻ đóng () bắt buộc.
  2. Thẻ đóng () không yêu cầu.
  3. Thẻ đóng () bị cấm.

thuộc tính thẻ có thể là:

  1. Yêu cầu.
  2. Không bắt buộc.

Thông tin này cho từng thẻ cụ thể có thể được lấy từ thông số kỹ thuật. Cách sử dụng nó được viết dưới đây. Và một điểm quan trọng hơn liên quan đến việc sử dụng các ký tự khác nhau trong HTML.

Trong mã hóa HTML, đôi khi bạn phải sử dụng các ký hiệu có thể được hiểu theo hai cách. Ví dụ: việc sử dụng các ký hiệu "<" и ">" sẽ được các trình duyệt coi là một phần của thẻ, nghĩa là, như một ký tự dịch vụ và điều này không phải lúc nào cũng đúng. Do đó, các ký tự có vấn đề sẽ được mã hóa. Các ký tự được mã hóa như vậy được gọi là ký tự ghi nhớ. Bạn có thể tìm thấy danh sách các ký tự ghi nhớ trong các đặc điểm kỹ thuật.

Lồng thẻ

Các thẻ có thể được lồng vào nhau giống như những con búp bê lồng vào nhau. Đồng thời, chúng được chia thành các phần tử cha và con. Hãy để tôi giải thích bằng một ví dụ:

<trong> Phần tử văn bản được gạch chân là phần tử cha của phần tử<del > văn bản gạch ngangdel > với sự kế thừa.trong>

Các phần tử con kế thừa những đặc điểm của bố mẹ. Bằng cách này, văn bản gạch ngang cũng sẽ được gạch chân.

Điều chính cần nhớ là cả hai phần của thẻ (mở và đóng) phải được lồng trong cùng một phần tử cha, cũng tương tự như con búp bê lồng.

Sử dụng đặc điểm kỹ thuật

Phiên bản chính thức tại thời điểm hiện tại (tháng 3 năm 2012) là HTML 4.01, phiên bản HTML 5.0 đang được phát triển tích cực nhưng chưa phải là tiêu chuẩn, mặc dù có rất nhiều ấn phẩm trên Internet về chủ đề HTML 5.

Bây giờ về cách sử dụng thông số kỹ thuật. Giả sử chúng ta quan tâm đến các bảng trên. Mở phần tóm tắt và chọn mục thích hợp (số 11) - Bảng.

Mở thông số kỹ thuật, menu phần:

Tại đây bạn có thể nhận được thông tin về từng thuộc tính.

  1. Yêu cầu về thẻ đóng (). Trong trường hợp này, thẻ bắt đầu và kết thúc là bắt buộc.
  2. Tên của các thuộc tính của thẻ này.
  3. Danh sách các giá trị cho từng thuộc tính.
  4. Trạng thái thuộc tính (Hiện tại/Lỗi thời/Đã tắt).
  5. Kiểu dữ liệu (giá trị) của thuộc tính.
  6. Danh sách các thuộc tính phổ biến được sử dụng với bất kỳ thẻ nào.

Lưu ý quan trọng. Trong ảnh chụp màn hình phía trên thuộc tính căn chỉnh có trạng thái Không được dùng nữa(không được khuyến khích). Thuộc tính như vậy sẽ không hoạt động (và sẽ có lỗi) trong DOCTYPE Nghiêm ngặt. Vì vậy, tôi thực sự khuyên bạn không nên sử dụng các phần tử không được dùng nữa. Trạng thái của bất kỳ phần tử nào cũng có thể được xem trong danh sách chung.

Làm rõ thẻ:

  1. Tên thẻ.
  2. Trạng thái thẻ mở trong tài liệu html:
    • O - tùy chọn
  3. Trạng thái thẻ đóng trong tài liệu html:
    • O - tùy chọn
    • F - cấm (bị cấm)
  4. Nội dung có được mong đợi không (siêu văn bản):
    • E - Trống (không có nội dung)
  5. Trạng thái thẻ (D, L và F):
    • D - không được dùng nữa (không được khuyến nghị).
    • L - lỏng lẻo (được phép trong đặc tả chuyển tiếp).
    • F - Frameset (được phép trong đặc tả Frameset).

Các thẻ html cơ bản là nền tảng để xây dựng hầu hết mọi trang web/blog. Từ bài viết này, bạn sẽ tìm hiểu chính xác 20% thẻ mà bạn luôn cần.

Như trong bất kỳ ngôn ngữ nào và ngay cả ở đây, quy tắc Pareto 20/80 được áp dụng (20% mọi thứ quan trọng 80% để đạt được kết quả mong muốn), có nghĩa là chỉ cần biết 20% mã là đủ để tự tin đạt được mục tiêu của bạn trong việc xây dựng trang web.

HTML không phải là ngôn ngữ lập trình, bởi vì nó là ngôn ngữ đánh dấu siêu văn bản, nó cho phép bạn đánh dấu các khối trên các trang để hiển thị chính xác và đánh dấu văn bản cho các trang web. Nó cũng được sử dụng để tạo liên kết từ trang này sang trang khác. Tất cả các liên kết trên Internet đều được tạo bằng phần siêu văn bản của mã html.

- đây là ngôn ngữ đơn giản nhất! Nếu bạn quyết định nghiên cứu nó, thì điều quan trọng là phải hiểu ngay từ đầu rằng không có khó khăn gì trong đó. Chúng tôi có thể tự tin nói rằng trẻ em gặp khó khăn hơn nhiều trong các lớp học khoa học máy tính ở trường.

Vậy hãy bắt đầu. Tốt hơn là bạn nên viết mã vào một sổ ghi chú, vốn có trong các chương trình tiêu chuẩn của hệ điều hành Windows hoặc trong chương trình miễn phí “Notepad + +”.

Đầu tiên, hãy xác định thẻ là gì. Thẻ là một ô của chính ngôn ngữ HTML, từ đó nó thường được xây dựng. Sử dụng thẻ, trình duyệt sẽ hiểu cách hiển thị văn bản và vị trí chèn hình ảnh. Bản thân thẻ là các yếu tố đánh dấu.

Thẻ HTML để tạo khung trang web

Thẻ có thể được ghép nối hoặc không ghép nối. Những cái được ghép nối mở và đóng, tức là những cái đóng có chứa dấu gạch chéo ngược “/”.

Điều đầu tiên cần có trong bất kỳ tài liệu html nào khi tạo trang blog là:

  • — cho trình duyệt biết rằng mọi thứ ở giữa chúng đều là mã html;
  • - từ tiếng Anh “head”, chứa tên, mã hóa, thẻ meta cho công cụ tìm kiếm;
  • TÊN— thẻ meta, chủ yếu dành cho các công cụ tìm kiếm, chứa tên của tài liệu bên trong và được hiển thị ở đầu trình duyệt;
  • - một thẻ duy nhất biểu thị mã hóa ngôn ngữ cho trình duyệt, trong đó windows-1251 - cho biết văn bản của trang này bằng tiếng Nga (windows-1252 - dành cho tiếng Anh);
  • - đối với từ khóa trang web;
  • - tóm tắt của trang;
  • NỘI DUNG TÀI LIỆU- từ tiếng Anh “Nội dung” chứa toàn bộ trang của trang web.

Đây là những thẻ mã html tiêu chuẩn, từ đó, không có thay đổi, tất cả các trang của trang web/blog sẽ bắt đầu theo dạng này:









Danh sách các thẻ html nằm trong phần nội dung của trang

Giữa các thẻ Nội dung của trang web sẽ được đặt ở vị trí:

  • tiêu đề

    - điều quan trọng nhất 1 cấp độ;
  • Với

    phụ đề

    Qua
    phụ đề
    - các phân nhóm cấp 2, 3, 4, 5 và 6 tương ứng;
  • liên kết neo— một liên kết, trong đó “target=”_blank”” là thuộc tính chịu trách nhiệm mở trong một cửa sổ mới, “title=”” tên của liên kết sẽ đến;
  • và - thẻ để đánh dấu bằng chữ in đậm. "" không được dùng nữa và nên sử dụng " »;
  • - cho chữ nghiêng;
  • - một thẻ duy nhất chịu trách nhiệm chèn hình ảnh trên trang;
  • - “p” từ tiếng Anh. “đoạn văn”, có nghĩa là nó chia văn bản thành các đoạn văn. Theo mặc định, nó được căn chỉnh sang trái;

  • - thẻ logic cho biết kết thúc dòng và chuyển sang dòng tiếp theo;
  • — thuộc tính căn chỉnh văn bản vào giữa;
  • — thuộc tính căn chỉnh văn bản về bên phải;
  • color="green" chịu trách nhiệm về màu văn bản. Trong trường hợp này nó có màu xanh lá cây. Từ “xanh” thường được thay thế bằng mã màu thập lục phân, ví dụ: “#088f47”;
  • face="verdana" - thuộc tính biểu thị phông chữ trong văn bản;
  • size="3" — cỡ chữ;
    1. Đầu tiên
    2. thứ hai
    3. ngày thứ ba
    - danh sách được đánh số;
    • từ
    • từ
    • từ
    - danh sách có dấu đầu dòng;

Thẻ HTML để tạo bảng

Có thể có nhiều thẻ bên trong bảng, chẳng hạn như thay đổi màu viền bảng, căn chỉnh các từ trong bảng, v.v., nhưng vì bài viết nói về các thẻ chính nên chúng tôi sẽ chỉ tập trung vào các thẻ để tạo bảng chính nó.

  • — thẻ chịu trách nhiệm tạo bảng, trong đó “1” là chiều rộng của đường viền bảng, trong đó “450” là chiều rộng của bảng và bạn đã biết “trung tâm”;
  • - thẻ nằm bên trong "
    " và tạo một hàng trong bảng;
  • - tạo một cột liên tiếp, nằm bên trong thẻ " " “150”, như bạn có thể đã đoán, là chiều rộng của cột;

Đầy đủ thẻ bảng html trông giống như thế này:












phòng giam số 1

phòng giam số 2

ô số 3

ô số 4

ô số 5

phòng giam số 6

Tôi nhấn mạnh một lần nữa rằng đây là các thẻ chính của mã html và có thể thực hiện rất nhiều thay đổi đối với nó. Và cũng cần lưu ý rằng bản thân mã html là một mẫu, không có css, nói chung sẽ không thể làm được điều gì đáng giá với nó. Chỉ khi kết hợp với nhau, html và css mới có tác dụng kỳ diệu, nhưng có thể làm được điều gì đó đơn giản mà không cần có kiến ​​thức sâu về css, hoàn toàn bằng html.

Bài học video về chủ đề - “HTML là gì? Chỉ mục tệp html:

Hãy chia sẻ nếu bạn thích nó:

Bạn cũng có thể muốn biết: