Atrybuty HTML

Elementy/znaczniki HTML mogą mieć pewne atrybuty, które dostarczają dodatkowych właściwości elementów HTML. Te atrybuty opisują różne cechy elementów HTML, takie jak atrybut „stylu” używany do ustawiania stylu elementów HTML. Atrybuty są zdefiniowane w znaczniku początkowym, a ich wartości są zawsze określone w podwójnych cytatach, a następnie nazwa znacznika i znak „równych”.

W tym artykule zawiera dokładny przegląd atrybutów HTML, które pomogą użytkownikowi zrozumieć znaczenie atrybutów HTML w tworzeniu stron internetowych. W tym celu zaimplementujemy niektóre z głównych atrybutów elementów HTML i lepiej zrozumiemy.

Istnieją niektóre atrybuty, które są często wykorzystywane na większości elementów, takie jak ID, tytuł, styl, I klasa. Te atrybuty są powszechnie znane jako podstawowe atrybuty. Omówimy je jeden po drugim, a później omówimy kilka atrybutów, które dostarczają kluczowych właściwości elementom HTML.

atrybut id w HTML

Atrybut ID zapewnia wyjątkowość dowolnego elementu HTML. Na przykład mamy dwa elementy HTML o podobnej nazwie, a następnie możemy zidentyfikować lub różnicować te elementy na podstawie atrybutu identyfikatora.

atrybut id 1

Atrybut ID 2

W tym przykładzie chcemy stworzyć dwa nagłówki z różnymi stylami. Możemy to zrobić, przypisując inne „IDS„Do elementów. Powyższy kod zapewni następujące dane wyjściowe:

Atrybut tytułu w HTML

Atrybut tytułu zapewnia określony tytuł elementu HTML. Jednak jego zachowanie opiera się na elemencie, który trzyma „tytuł" atrybut. Przez większość czasu działa jako podpowiedź, co oznacza, że ​​za każdym razem, gdy ktoś przenosi kursor nad tym elementem, wyświetli wartość atrybutu tytułu jako podpowiedź.

To jest atrybut HTML

Poniższe dane wyjście zweryfikuje, że po przeniesieniu kursora na element pokazuje wartość tytuł atrybut:

Atrybut stylu w HTML

Atrybut stylu zapewnia cechy, takie jak kolor, rozmiar czcionki, granica itp. Do dowolnego elementu HTML:

Atrybuty HTML

W tym przykładzie utworzyliśmy element akapitowy i przypisaliśmy mu niektóre atrybuty. W rezultacie zapewni następujące dane wyjściowe:

Atrybut klasowy w HTML

Atrybut klasy jest wykorzystywany do zdefiniowania klasy dla pojedynczych lub wielu elementów HTML. Odnosi się do nazwy klasy w prześcieradłach stylowych.

W tym przykładzie utworzyliśmy dwa elementy HTML i użyliśmy w nich atrybutu klasy. Oba elementy będą miały ten sam styl, co zdefiniowane w klasie:

Pracownik 1

Pierwszy pracownik mieszka w Wielkiej Brytanii

Pracownik 2

Drugi pracownik mieszka w USA

Ponieważ oba elementy HTML uzyskują dostęp do tej samej klasy, więc oba elementy będą zgodne z tym samym stylem, a wynikowym wyjściem będzie:

Atrybut SRC w HTML

Jednym z najczęściej używanych atrybutów HTML jest „src”Atrybut, przenosi link obrazu źródłowego. Ten link może być albo linkiem bezwzględnym lub względnym linkiem.

Termin link bezwzględny odnosi się do adresu URL obrazu umieszczonego online, a względny link odnosi się do ścieżki obrazu umieszczonego lokalnie.

Na przykład, jeśli użytkownik chce osadzić obraz na stronie, użyje etykietka. Ale to nie wystarczy, musimy również dodać ścieżkę tego obrazu.

Teraz rozważ następujący kod, aby dowiedzieć się, jak src Atrybut zostanie osadzony w znaczniku obrazu:

W powyższym kodzie HTML nazwa obrazu wraz z jego ścieżką jest przypisana do src etykietka.

atrybut alt w HTML

Termin alt oznacza alternatywę. Jest to używane w elemencie jako atrybut. Atrybut, który zapewni alternatywny tekst dla obrazu, jeśli obraz nie ładuje się poprawnie.

Teraz wyświetli alternatywną wiadomość, jeśli „John.Plik png ”nie ładuje się z żadnego powodu, jak pokazano w następującym fragmencie:

atrybut lang w HTML

Element wymaga Lang atrybut, który określa język strony internetowej. Ten atrybut ułatwia wyszukiwarki w znalezieniu stron internetowych specyficznych dla języka:

Powyższy kod określa język francuski dla strony internetowej.

atrybut HREF w HTML

HREF oznacza odniesienie hipertekstu i jest wykorzystywane do dodania adresu URL dowolnej strony internetowej. Jest używany w tagu:

Witamy w Linuxhint

W wyjściu wygeneruje link, jak pokazano na poniższym fragmencie:

Kliknięcie powyższego linku doprowadzi nas do strony internetowej, jak pokazano przy następujących wyjściach:

Wniosek

Atrybuty HTML definiują pewne dodatkowe cechy dla elementów HTML. Celem używania atrybutów z różnymi elementami HTML jest zaprojektowanie jaśniejszej, wyraźniejszej i dobrze sformatowanej strony internetowej.

Ten artykuł zawiera szczegółowy obraz atrybutów HTML. Rozpoczęcie połowy tego artykułu obejmuje podstawowe atrybuty, w których omawiamy sposób korzystania ID, tytuł, styl, I klasa Atrybuty w elementach HTML. Podczas gdy druga połowa zawiera kilka znanych atrybutów, w których wymyśliliśmy, jak używać src I Alt atrybuty podczas osadzania dowolnego obrazu w stronę internetową.