Html style
Postado: 23 de maio de 2022
Tempo de Leitura: < 1 Minuto
Html style
Neste artigo HTML veremos como usar o elemento HTML tag <style>.
A Tag <style> é usada para definir informações de estilo CSS para um documento Html.
Dentro do <style> elemento, você especifica como os elementos HTML devem ser renderizados em um navegador.
- O elemento HTML <style> é encontrado na tag <head> ou na tag <body>.
- A tag <style> é usada para incorporar informações de folha de estilo no documento HTML.
Veja o exemplo do uso do elemento <style> para aplicar uma folha de estilo simples a um documento HTML:
<html>
<head>
<style>
h1 {color:blue;}
p {color:green;}
</style>
</head>
<body>
<h1>Códigos Html Prontos</h1>
<p>Tags Html Lista Completa</p>
</body>
</html>
Como inserir CSS no HTML
Para vincular a uma folha de estilo externa, use a tag <link>.
A tag <link> define o relacionamento entre o documento atual e um recurso externo.
A tag <link> é usada com mais frequência para vincular a folhas de estilo externas ou para adicionar um favicon ao seu site.
Link para uma folha de estilo externa:
É importante frisar que o jeito certo de aplicar o css é incluindo o link do style.css no HTML <head>
<head>
<link rel="stylesheet" href="css/style.css">
</head>
Além disso o navegador ira ler a folha style.css, ele formatara o documento HTML de acordo com as informações da folha de estilo inserida no html.
Atributos da tag html style
media – Especifica para qual mídia/dispositivo o recurso de mídia é otimizado
type – Especifica o tipo de mídia da tag
Definição da tag html style
A tag <style> em HTML nos ajuda a modificar nosso texto, visualizado na página. Esta modificação inclui a alteração do tamanho da fontes, família da fonte, cor da fonte, etc. podemos alterar o estilo de um corpo ou parte de uma página html também.
Neste artigo abordamos sobre a tag Html style.
Veja outros artigos sobre Tags HTML Lista Completa
Publicado por: Loop Nerd
373 Visualizações
Deixe um comentário