Busca DevMedia
Você está buscando por "HTML" em vídeo aula
Já conhece nosso Plano de Estudo?
Conheça o passo a passo da Carreira Programador Front-End
- justify-content Vídeo
Na técnica Flexbox, o uso do justify-content é a principal forma de definir o alinhamento e o espaçamento entre os elementos de um container. Nesta aula o conheceremos e como ela pode ser utilizada para definir espaços e posicionamento de elementos HTML.
- flex-wrap e flex-flow Vídeo
Nesta aula conheceremos mais duas propriedades do Flexbox, o flex-wrap e o flex-flow. Veremos também como essas propriedades podem ser utilizadas para gerar quebras de linha e definir o posicionamento de elementos HTML.
- Reposicionando elementos na tela Vídeo
Nesta aula veremos o que é o fluxo padrão do HTML e o reposicionamento de elementos.
- Introdução Vídeo
O próximo passo no aprendizado do CSS é a modificação de elementos HTML. Iremos avançar aprendendo o que significa modificar elementos HTML e como isso pode auxiliar a construção de páginas de um site através do CSS.
- Introdução Vídeo
Existem diversas formas de destacar um elemento HTML na página, uma delas é alterando o background. Nessa aula vamos ver o que é background e qual é a sua importância na estilização de elementos HTML.
- Valores Relativos Vídeo
Nesta aula você aprenderá o que são valores relativos e como utilizá-los no CSS para customizar elementos HTML de maneira dinâmica, sem ficar preso com a definição de pixels fixos.
- Como mover elementos livremente na página Vídeo
Nesta aula veremos como remover um elemento do fluxo normal do HTML e posicioná-lo em qualquer lugar da página.
- Introdução Vídeo
O próximo passo no aprendizado do CSS é o uso de pseudo-classes e pseudo-elementos para uma estilização mais customizada de elementos HTML, e é isso que começaremos a ver nesta aula.
- Relembrando background-color Vídeo
Para preencher o fundo de um elemento HTML com uma cor, utilizamos a propriedade background-color. Você já aprendeu essa propriedade, porém nesta aula vamos relembrar a sintaxe usada para alterar a cor de fundo de um elemento.
- Select Vídeo
O select é uma tag HTML que permite a criação de listas de seleção. As listas de seleção são usadas para limitar as escolhas do usuário dentro dos dados disponibilizados pelo desenvolvedor. Com o Select, é possível criar listas de forma compacta e organizada.
- Seletor de Tag Vídeo
O seletor de tag é responsável por identificar um elemento pela sua tag correspondente no HTML. Com esse seletor definimos estilos globais para os elementos na página, o que define a mesma aparência para elementos do mesmo tipo.
- Box-Shadow Vídeo
Aprenda nesta aula como adicionar sombras externas e internas a elementos HTML com o fim de melhorar o visual estético das suas páginas através do CSS. Aprenda como utilizar o box-shadow para alcançar esses objetivos, criando sombras personalizadas através dessa propriedade.
- Fieldset Vídeo
O fieldset é uma tag HTML que permite o agrupamento de forma visual de dados do formulário em seções. Os fieldsets não afetam o funcionamento dos formulários, mas ajudam a organizar o seu conteúdo.
- Pseudo-elementos: adicionando conteúdos a um elemento Vídeo
Aprenda nesta aula a utilizar os pseudo-elementos before e after para adicionar um conteúdo extra antes ou depois de um elemento. Nesta aula você vai aprender a adicionar conteúdos customizáveis em uma página sem a necessidade de criar elementos HTML.
- Box-Sizing Vídeo
Aprenda nesta aula como modificar a forma como o tamanho de um elemento HTML é calculado através do box-sizing: border-box, a fim de resolver problemas como quebra de páginas e criação de scrolls horizontais não-desejados, por exemplo.
- Introdução Vídeo
Você já aprendeu as tecnologias HTML, CSS e JavaScript e já é um programador. Conheça nesta aula o próximo passo da sua carreira como programador front-end.
- Introdução Vídeo
O próximo passo no aprendizado da linguagem HTML é a construção de formulários. Formulários são úteis na carreira front-end pois através deles conseguimos inserir, na tela da nossa página web, inputs de dados, ou seja, campos que permitem ao usuário digitar informações.
- Introdução Vídeo
Nessa aula vamos ver o que são seletores e como eles são importantes na estilização de elementos HTML. Através de alguns exemplos vamos ver a importância dos seletores no código CSS.
- Adicionando estilos CSS Vídeo
Existem duas formas de se adicionar estilos CSS no cabeçalho de páginas HTML, são elas o uso da tag link e da tag style. Nesta aula, vamos aprender como utilizar essas duas formas para adicionar estilos CSS em páginas HTML.
- Tag span Vídeo
A função da tag span é marcar um texto em uma linha para que ele seja estilizado. O estilo em si não será aplicado com HTML, mas sim com a linguagem CSS - a ideia de usar span no HTML é apenas marcar o texto com um rótulo.
- Listas Ordenadas Vídeo
Aqui falaremos sobre o uso das listas ordenadas no HTML, conhecer suas tags básicas e os seus tipos de atributos (listas ordenadas são usadas para indicar alguma sequência ou numeração).
- Meu primeiro código CSS Vídeo
Veremos como adicionar estilos para os elementos HTML através do código CSS. Esses estilos serão adicionados no arquivo HTML por meio da tag style que é responsável por conter os estilos que mudam a aparência de uma página web.
- Introdução Vídeo
CSS é uma linguagem de criação de estilos que é amplamente utilizada em conjunto com a linguagem de marcação HTML. Com o CSS podemos estilizar os elementos que estão presentes em um documento HTML, ou seja, mudar a aparência visual que esses elementos apresentam na tela.
- Viewport Vídeo
A tag meta name=”viewport” é utilizada para fazer com que páginas HTML renderizem corretamente em telas de tamanhos diferentes, possibilitando uma visualização agradável da página em diversos dispositivos.
- Introdução Vídeo
Nessa aula entenderemos quais são os três tipos diferentes de lista no HTML e seus propósitos e significados.
