Considere o conteúdo de uma página web simplificada, exibido a seguir. <!DOCTYPE html> <html> <head> <XXXXXXX rel="stylesheet" href="mystyle.css"> </head> <body> <h1>This is a heading</h1> </body> </html> O elemento que deve substituir a string XXXXXXX, na quarta linha, para especificar corretamente a referência a uma folha de estilos externa (external style sheet) é:
- A)import
Errada: import é usado em outros contextos, como instruções em linguagens e até em CSS com @import, mas não como elemento HTML aqui.
- B)include
Errada: include não é a tag HTML usada para vincular folha de estilos externa.
- C)link
Certa: é o elemento HTML próprio para referenciar uma folha de estilos externa com rel="stylesheet" e href.
- D)ref
Errada: ref é apenas um atributo ou ideia de referência, não um elemento HTML válido para esse caso.
- E)url
Errada: url é um identificador de endereço, não a tag HTML usada para associar o arquivo CSS.
Gabarito: C
Quando voce quer ligar uma folha de estilos externa a uma página HTML, o elemento correto é o que faz a ponte entre o documento e o arquivo CSS. Em HTML, isso é feito na seção com a tag apropriada, usando o atributo rel="stylesheet" e o caminho do arquivo no href. É o jeito padrão de dizer ao navegador: "pegue este CSS e aplique aqui". Na prática, a estrutura fica bem conhecida: . O nome do elemento importa, porque o navegador entende funções diferentes para cada tag. A tag serve justamente para associar recursos externos ao documento, como CSS e ícones de site. Por isso, o gabarito está correto: a palavra que completa a linha é a tag usada para referenciar folha de estilo externa. As outras alternativas tentam parecer plausíveis, mas não são elementos HTML válidos para essa função. Em prova, a banca adora trocar o nome da tag por palavras que parecem "de programação", mas HTML é literal: para stylesheet externa, a etiqueta certa é a específica do vínculo de recurso. Em resumo, se o enunciado fala em external style sheet, pense em + rel="stylesheet" + href. Esse trio é o básico do básico em HTML e CSS, quase um trio de escola de samba: cada um tem sua função e, juntos, fazem a página desfilar com estilo.