O idioma HTML inclúe unha serie de elementos. Estes inclúen compoñentes de sitios máis usados como parágrafos, títulos, ligazóns e imaxes. Hai tamén unha serie de elementos máis novos que foron introducidos con HTML5, incluíndo o título, o nav, o pé de páxina e moito máis. Todos estes elementos HTML úsanse para crear a estrutura dun documento e darlle significado. Para engadir aínda máis significado aos elementos, pode darlles atributos.
Unha etiqueta básica de apertura de HTML comeza co
Para engadir un atributo á súa etiqueta HTML, primeiro puxo un espazo despois do nome da etiqueta (neste caso é a "p"). A continuación engadirá o nome do atributo que desexa usar seguido dun sinal igual. Finalmente, o valor do atributo colocaríase entre comiñas. Por exemplo:
As etiquetas poden ter varios atributos. Separarás cada atributo dos demais cun espazo.
Elementos con atributos obrigatorios
Algúns elementos HTML realmente precisan atributos se desexa que funcionen como o desexa. O elemento da imaxe eo elemento da ligazón son dous exemplos disto.
O elemento de imaxe require o atributo "src". Ese atributo informa ao navegador que imaxe desexa usar nesa localización. O valor do atributo sería unha ruta de acceso á imaxe. Por exemplo:
Notarás que engadín outro atributo a este elemento, o atributo "alt" ou o texto alternativo. Este non é técnicamente un atributo obrigatorio para as imaxes, pero é unha boa práctica incluír sempre este contido para a accesibilidade. O texto enumerado no valor do atributo alt é o que mostrará se unha imaxe non se carga por algún motivo.
Outro elemento que require atributos específicos é a etiqueta de ancoraxe ou ligazón. Este elemento debe incluír o atributo "href", que significa "referencia de hipertexto". Esa é unha forma extravagante de dicir "onde debe ir a ligazón". Así como o elemento de imaxe precisa saber que imaxe debe cargar, a etiqueta da ligazón debe sabe onde quere. Aquí vese como pode verse unha etiqueta de ligazón:
Esa ligazón agora traería unha persoa ao sitio web especificado no valor dun atributo. Neste caso, é a páxina principal de.
Atributos como ganchos CSS
Outro uso de atributos é cando se usan como "ganchos" para os estilos CSS. Debido a que os estándares web ditan que debe manter a estrutura da páxina (HTML) separada dos seus estilos (CSS), utiliza estes anzóns de atributo no CSS para indicar como se mostrará a páxina estructurada no navegador web. Por exemplo, podería ter este anaco de marca no seu documento HTML.
Se quería que esa división teña unha cor de fondo de cor negra (# 000) e un tamaño de fonte de 1.5 e engada isto ao seu CSS:
.featured {background-color: # 000; tamaño de fonte: 1.5em;}O atributo class "featured" actúa como un gancho que usamos no CSS para aplicar estilos a esa área. Poderiamos tamén un atributo de ID aquí se queremos. As dúas clases e as ID son atributos universais, o que significa que se poden engadir a calquera elemento. Tamén poden ser dirixidos con estilos CSS específicos para determinar a aparencia visual dese elemento.
Respecto de Javascript
Finalmente, usar atributos en determinados elementos HTML tamén é algo que podes usar en Javascript. Se tes un script que busca un elemento cun atributo ID específico, é outro uso desta peza común do idioma HTML.