Linguagem de marcação

Beschreibung

design web Mindmap am Linguagem de marcação, erstellt von Filipe Ventura am 01/04/2020.
Filipe Ventura
Mindmap von Filipe Ventura, aktualisiert more than 1 year ago
Filipe Ventura
Erstellt von Filipe Ventura vor mehr als 4 Jahre
12
0

Zusammenfassung der Ressource

Linguagem de marcação
  1. Para definir a língua no documento html, utiliza-se o atributo LANG: <html lang = “pt-br”>
    1. A teg HEAD, declaramos as tags de scripts e de metadados, que são informações adicionais da página
      1. título da página, folhas de estilos, scripts, links e outras informações de configuração da página, assim como as informações de SEO
      2. Folhas de estilos : CSS (Cascading Style Sheets)
        1. Funcionalidades:
          1. Economia de tempo na criação de páginas;
            1. Diminuição do código da página;
              1. Maior velocidade para carregar a página;
                1. Maior facilidade para manter ou modificar as páginas;
                  1. Maior controle na criação do layout da página
                  2. Declarando estilos:
                    1. inline: onde o código CSS está junto com o código HTML
                      1. linkado: quando utilizamos um arquivo externo
                        1. incorporado, quando é declarado no início da página HTML.
                      2. Exemplo
                        1. html:

                          Anmerkungen:

                          • &lt;DOCTYPE html&gt; &lt;html lang = "pt-br"&gt; Página de exemplo Botão normal Botão estilo
                          1. css:

                            Anmerkungen:

                            • .botao { font:bold 20px Tahoma, Geneva, sans-serif; font-style:normal; color:#ffffff; background:#1568db; border:0px solid #ffffff; text-shadow:0px -1px 1px #222222; box-shadow:2px 2px 5px #000000; -moz-box-shadow:2px 2px 5px #000000; -webkit-box-shadow:2px 2px 5px #000000; border-radius:10px 10px 10px 10px; -moz-border-radius:10px 10px 10px 10px; -webkit-border-radius:10px 10px 10px 10px; width:65px; padding:10px 34px; cursor:pointer; margin:0 auto } .botao:active { cursor:pointer; position:relative; top:2px }
                          Zusammenfassung anzeigen Zusammenfassung ausblenden

                          ähnlicher Inhalt

                          Quiz sobre Tecnologia no Ensino
                          camilafragoso
                          Tecnologia e Administração
                          Erika Lots
                          Tecnologia na Educação
                          Alessandra S.
                          13 motivos para usar Tecnologia na Educação
                          Alessandra S.
                          10 DICAS SOBRE TECNOLOGIA EDUCATIVA
                          Cristinamba
                          Mapa Mental de Revisão de Algoritmos e Programação I
                          José Toniazzo
                          Inteligencia Artificial
                          Alceu Bernardino
                          Games e jogos educativos.
                          Míria Santanna
                          Interação, Interatividade, tecnologias interativas e redução de distâncias em cursos on-line
                          Ítalo Rangel
                          Softwares Educacionais
                          valdeiresmendes