{"product_id":"introduction-to-html-and-css-coding-part-1","title":"Introdução à Programação HTML e CSS Parte 1","description":"\u003cdiv class=\"ebsi-team-licence-note\"\u003e\u003cp\u003e\u003cstrong\u003eVai comprar para uma equipa?\u003c\/strong\u003e\u003cbr\u003eEscolha 5 ou 10 licenças para adquirir acesso para vários formandos a um preço reduzido por pessoa. Após a compra, a eBSI entrará em contacto consigo para confirmar os dados dos formandos e organizar o acesso ao curso para cada participante.\u003c\/p\u003e\u003c\/div\u003e\n\u003c!-- ebsi-sales-wrapper --\u003e\u003cdiv class=\"ebsi-sales-wrapper\"\u003e\n\n\u003cp\u003e\u003cstrong\u003eDesenvolva conhecimentos práticos e confiança em Introdução à Programação HTML e CSS — Parte 1.\u003c\/strong\u003e\u003c\/p\u003e\n\n\u003cp\u003eUm site bem concebido fornece aos clientes informações sobre uma empresa, detalhes sobre como a encontrar ou contactar, bem como a possibilidade de fazer compras e encomendas. Empresas de todas as dimensões podem usar sites para gerar tráfego e chegar a mais clientes do que nunca.\u003c\/p\u003e\n\n\u003ch3\u003ePorque é que este curso é importante\u003c\/h3\u003e\n\n\u003cp\u003eEste curso transforma o tema numa aprendizagem prática e estruturada, que pode aplicar em situações reais de negócios e no local de trabalho. Foi concebido para o ajudar a ir além das definições e a compreender como as ideias, ferramentas e decisões abordadas no curso se relacionam entre si.\u003c\/p\u003e\n\n\u003ch3\u003eO que irá adquirir\u003c\/h3\u003e\n\n\u003cul\u003e\n\n\u003cli\u003eDesenvolver uma compreensão prática dos principais conceitos abordados em Introdução à Programação HTML e CSS — Parte 1.\u003c\/li\u003e\n\n\u003cli\u003eReconhecer a aplicação do tema em situações reais de trabalho ou de negócios.\u003c\/li\u003e\n\n\u003cli\u003eAplicar com maior confiança os métodos e as boas práticas abordados no curso.\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\u003ch3\u003eA quem se destina este curso?\u003c\/h3\u003e\n\n\u003cp\u003eEste curso é adequado para profissionais de marketing digital, proprietários de PME, empreendedores, profissionais de vendas e marketing e qualquer pessoa responsável pelo crescimento de um negócio online.\u003c\/p\u003e\n\n\u003ch3\u003eO curso em resumo\u003c\/h3\u003e\n\n\u003cul\u003e\n\n\u003cli\u003e\n\n\u003cstrong\u003eTempo de estudo:\u003c\/strong\u003e aproximadamente 2 horas.\u003c\/li\u003e\n\n\u003cli\u003e\n\n\u003cstrong\u003eFormato:\u003c\/strong\u003e aprendizagem online ao seu próprio ritmo.\u003c\/li\u003e\n\n\u003cli\u003e\n\n\u003cstrong\u003eDesenvolvimento profissional:\u003c\/strong\u003e curso CPD.\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\n\u003c\/div\u003e\n\u003cp class=\"ng-scope\"\u003eUm site bem concebido fornece aos clientes informações sobre uma empresa, detalhes sobre como a encontrar ou contactar, bem como a possibilidade de fazer compras e encomendas. Empresas de todas as dimensões podem usar sites para gerar tráfego e chegar a mais clientes do que nunca.\u003c\/p\u003e\n\u003cp class=\"ng-scope\"\u003eA base de muitas páginas Web — cuja coleção forma um site — são as linguagens de programação HTML e CSS. Aprender a utilizar estas linguagens, usadas para criar e formatar o conteúdo de uma página Web, é um passo importante para criar as suas próprias páginas Web bem concebidas.\u003c\/p\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cp\u003e\u003cu\u003e\u003cstrong\u003eTemas do curso:\u003c\/strong\u003e\u003c\/u\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eLição 1: Primeiros passos com HTML\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cem\u003eTEMA A: Noções básicas de HTML\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\n\u003cli\u003eHTML — informações gerais\u003c\/li\u003e\n\n\u003cli\u003eAnatomia de uma etiqueta HTML\u003c\/li\u003e\n\n\u003cli\u003ePrimeiros passos\u003c\/li\u003e\n\n\u003cli\u003eAtividade 1-1: Analisar uma página Web\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cem\u003eTEMA B: Elementos básicos de páginas Web\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\n\u003cli\u003eA etiqueta de título\u003c\/li\u003e\n\n\u003cli\u003eEtiquetas de parágrafo e quebra de linha\u003c\/li\u003e\n\n\u003cli\u003eEtiquetas básicas de formatação de texto\u003c\/li\u003e\n\n\u003cli\u003eAtividade 1-2: Utilizar HTML para adicionar elementos básicos\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cem\u003eTEMA C: Criar listas\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\n\u003cli\u003eListas ordenadas\u003c\/li\u003e\n\n\u003cli\u003eListas não ordenadas\u003c\/li\u003e\n\n\u003cli\u003eItens de lista\u003c\/li\u003e\n\n\u003cli\u003eAtividade 1-3: Criar uma lista HTML\u003c\/li\u003e\n\n\u003cli\u003eResumo\u003c\/li\u003e\n\n\u003cli\u003ePerguntas de revisão\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003eLição 2: Fazer mais com HTML\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cem\u003eTEMA A: Imagens em HTML\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\n\u003cli\u003eA etiqueta de imagem\u003c\/li\u003e\n\n\u003cli\u003eDefinir a origem de uma imagem\u003c\/li\u003e\n\n\u003cli\u003eDefinir texto alternativo para a imagem\u003c\/li\u003e\n\n\u003cli\u003eDimensionar imagens\u003c\/li\u003e\n\n\u003cli\u003eAtividade 2-1: Adicionar uma imagem em HTML\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cem\u003eTEMA B: Ligações em HTML\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\n\u003cli\u003eCriar uma ligação para outra página Web\u003c\/li\u003e\n\n\u003cli\u003eLigações internas\u003c\/li\u003e\n\n\u003cli\u003eAtividade 2-2: Adicionar uma ligação\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cem\u003eTEMA C: Tabelas em HTML\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\n\u003cli\u003eEstrutura de uma tabela em HTML\u003c\/li\u003e\n\n\u003cli\u003eLinha de cabeçalho da tabela\u003c\/li\u003e\n\n\u003cli\u003eLinhas de dados da tabela\u003c\/li\u003e\n\n\u003cli\u003eAtividade 2-3: Criar uma tabela HTML\u003c\/li\u003e\n\n\u003cli\u003eResumo\u003c\/li\u003e\n\n\u003cli\u003ePerguntas de revisão\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003eLição 3: Primeiros passos com CSS\u003c\/strong\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cem\u003eTEMA A: Noções básicas de CSS\u003c\/em\u003e\u003c\/strong\u003e \u003c\/p\u003e\n\u003cul\u003e\n\n\u003cli\u003eCSS: folhas de estilo em cascata \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eA etiqueta \u0026lt;style\u0026gt; \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eTipografia e hierarquia em CSS \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eAtividade 3-1: Criar uma área de estilos com a etiqueta \u0026lt;style\u0026gt; \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cem\u003eTEMA B: Cores em CSS\u003c\/em\u003e\u003c\/strong\u003e \u003c\/p\u003e\n\u003cul\u003e\n\n\u003cli\u003eAlterar a cor de um elemento de uma página Web \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eNomes de cores em CSS \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eSistema de cores RGB \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eSistema de cores hexadecimal \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eCor de fundo \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eAtividade 3-2: Adicionar cores CSS de várias formas \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cem\u003eTEMA C: Utilizar identificadores CSS adicionais\u003c\/em\u003e\u003c\/strong\u003e \u003c\/p\u003e\n\u003cul\u003e\n\n\u003cli\u003eUtilizar nomes de ID em CSS \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eUtilizar nomes de classes em CSS \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eAtividade 3-3: Utilizar um nome de ID para aplicar estilos \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eResumo \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003ePerguntas de revisão \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003eLição 4: Formatar texto com CSS\u003c\/strong\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cem\u003eTEMA A: Famílias de tipos de letra\u003c\/em\u003e\u003c\/strong\u003e \u003c\/p\u003e\n\u003cul\u003e\n\n\u003cli\u003eO que é um tipo de letra? \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eUtilizar a propriedade font-family \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eCom serifa ou sem serifa \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eNomes de tipos de letra \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eTipos de letra adicionais \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eTipos de letra alternativos \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eAtividade 4-1: Alterar a família de tipos de letra em CSS \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cem\u003eTEMA B: Tamanho do tipo de letra\u003c\/em\u003e\u003c\/strong\u003e \u003c\/p\u003e\n\u003cul\u003e\n\n\u003cli\u003eA propriedade font-size \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003ePíxeis \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eEMs \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eAtividade 4-2: Alterar o tamanho do tipo de letra do texto \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cem\u003eTEMA C: Mais propriedades CSS para texto\u003c\/em\u003e\u003c\/strong\u003e \u003c\/p\u003e\n\u003cul\u003e\n\n\u003cli\u003eA propriedade font-style \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eA propriedade font-weight \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eA propriedade line-height \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eA propriedade text-align \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eAtividade 4-3: Personalizar texto com propriedades adicionais \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cem\u003eTEMA D: Notação abreviada para tipos de letra\u003c\/em\u003e\u003c\/strong\u003e \u003c\/p\u003e\n\u003cul\u003e\n\n\u003cli\u003eNotação abreviada em CSS \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eNotação abreviada em CSS para tipos de letra \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eAtividade 4-3: Utilizar na prática a notação abreviada para tipos de letra em CSS \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eResumo \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003ePerguntas de revisão \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003eLição 5: Técnicas avançadas de formatação com HTML e CSS\u003c\/strong\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cem\u003eTEMA A: Agrupar elementos\u003c\/em\u003e\u003c\/strong\u003e \u003c\/p\u003e\n\u003cul\u003e\n\n\u003cli\u003eO que é um elemento de agrupamento? \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eFormatação em linha ou em bloco \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eAtividade 5-1: Utilizar as etiquetas \u0026lt;span\u0026gt; e \u0026lt;div\u0026gt; para agrupar elementos de uma página Web \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cem\u003eTEMA B: Dimensões de div\u003c\/em\u003e\u003c\/strong\u003e \u003c\/p\u003e\n\u003cul\u003e\n\n\u003cli\u003eAjustar a largura de uma div \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eAjustar a altura de uma div \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eTransbordamento \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eAtividade 5-2: Ajustar o estilo de um bloco div \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cem\u003eTEMA C: O modelo de caixa CSS\u003c\/em\u003e\u003c\/strong\u003e \u003c\/p\u003e\n\u003cul\u003e\n\n\u003cli\u003eO modelo de caixa CSS \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eMargens CSS \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eBordas CSS \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003ePreenchimento CSS \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eAtividade 5-3: Ajustar o estilo de um bloco div \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eResumo \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003ePerguntas de revisão\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003c!-- ebsi-cross-sell --\u003e\u003cdiv class=\"ebsi-cross-sell\"\u003e\n\n\u003ch3\u003eContinue a sua aprendizagem\u003c\/h3\u003e\n\n\u003cp\u003e\u003cstrong\u003eParte deste percurso de aprendizagem:\u003c\/strong\u003e \u003ca href=\"\/pt\/collections\/internet-marketing\"\u003eMarketing na Internet\u003c\/a\u003e\u003c\/p\u003e\n\n\u003cp\u003e\u003cstrong\u003eOs formandos também fazem:\u003c\/strong\u003e \u003ca href=\"\/pt\/products\/introduction-to-html-and-css-coding-part-2\"\u003eIntrodução à Programação HTML e CSS — Parte 2\u003c\/a\u003e\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\u003c!-- ebsi-academy-breadcrumb --\u003e\n\u003chr\u003e\u003cdiv class=\"ebsi-course-pathway\"\u003e\n\n\u003cp\u003e\u003cstrong\u003ePercurso do curso:\u003c\/strong\u003e \u003ca href=\"\/pt\/pages\/welcome-to-ebsi-digital-marketing-academy\"\u003eAcademia de Marketing Digital eBSI\u003c\/a\u003e \u0026gt; \u003ca href=\"\/pt\/collections\/internet-marketing\"\u003eMarketing na Internet\u003c\/a\u003e \u0026gt; Introdução à Programação HTML e CSS — Parte 1\u003c\/p\u003e\n\n\u003cp\u003eExplore mais formação em \u003ca href=\"\/pt\/collections\/internet-marketing\"\u003eMarketing na Internet\u003c\/a\u003e ou regresse à \u003ca href=\"\/pt\/pages\/welcome-to-ebsi-digital-marketing-academy\"\u003eAcademia de Marketing Digital eBSI\u003c\/a\u003e.\u003c\/p\u003e\n\n\n\u003c\/div\u003e","brand":"eBSI Export Academy","offers":[{"title":"Licença Individual (40 EUR)","offer_id":41822179819698,"sku":"VS-054","price":40.0,"currency_code":"EUR","in_stock":true},{"title":"5 Licenças (35 EUR cada)","offer_id":59260649439580,"sku":null,"price":175.0,"currency_code":"EUR","in_stock":true},{"title":"10 Licenças (30 EUR cada)","offer_id":59260649472348,"sku":null,"price":300.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0077\/7604\/3071\/products\/IntroductiontoHTMLandCSSCodingPart1.png?v=1649036420","url":"https:\/\/www.ebsi.ie\/pt\/products\/introduction-to-html-and-css-coding-part-1","provider":"eBSI Export Academy","version":"1.0","type":"link"}