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.
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).
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.
Указывает на таблицу стилей (CSS). Записывается в теге
. Есть 3 способа применения:1]
- Таблица связанных стилей. В href="..."
указывается путь к таблице.
2]
- 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: