Baixe o app para aproveitar ainda mais
Leia os materiais offline, sem usar a internet. Além de vários outros recursos!
PTI - WEB STANDARDS
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Compartilhar
Prévia do material em texto
curriculo.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Currículo</title>
<link rel="stylesheet" href="curriculo.css">
</head>
<body>
<div class="largura-padrao">
<div class="caixa">
<h1>Currículo</h1><br>
<h2> Guilherme Benicio da Silva</h2>
<img src="foto 3 x 4.jpg" alt="Fachada do Senac Santo Amaro" title="Senac Santo Amaro" style="width: 100px; height: 150px;
border:2px solid rgb(213, 219, 213);
margin: 50px">
<h3></h3>
<div class="fundo-azul letra">
<h3> Resumo de Minhas Qualificações</h3>O estudante de sistemas para internet Web Starndards.
<br>
As vantagens de estudar este curso de tecnologia são vastas.
</div>
<div>
<h2>Experiências Profissionais </h2>
<p>Desenvolvedor: aplicar o conhecimento adquirido ao longo do curso como desenvolvedor.</p>
<p>
TÉC.de REDE DE COMPUTADORES: Formar um conjunto de máquinas eletrônicas com proces
sadores capazes de trocar informações e compartilhar recursos,
interligados por um sub-sistema de comunicação.
</p>
</div>
<div class="fundo-azul letra">
<h3>Cursos</h3>
<ul type="circle">
<li> Curso de Windows</li>
<li>Curso de Java</li>
<li>Curso de Técnologia da Informação</li>
</ul>
</div>
</h1>
<p>
<!-- for - indica qual campo representa, deve ter o mesmo valor que o ID-->
<!--required usado para só envia se houver preenchido-->
<label for="Nome">
<h2>Fale Comigo</h2>
</label><br>
<input required type="text" id="Nome" name="Nome" placeholder="Digite seu Nome" size="34">
</p>
<p>
<!-- title="Digite uma mensagem para o administrador do site"-
usar se quiser que apareça essa mensagem-->
<label for="Mensagem"></label>
<textarea name="Mensagem" id="Mensagem" cols="35" rows="5"
title="Digite uma mensagem para o administrador do site"></textarea>
</p>
<input type="submit" value="Enviar">
<form method="post" id="boletim" action="obrigado.html">
</div>
</div>
</body>
</html>
curriculo.css
.caixa{
background-color: white;
margin:20px 1px;
border-width: 1px; /*espessura*/
border-style: style;/*estilo*/
/* border: 5px dotter red; */
padding: 30px;/* espassamento internamente*/
}
.largura-padrao{
max-width: 100%; /* o MAX vai se adaptar ao tamanho da tela */
}
div{
width: 10px 10px;
border: 2p white;
padding: 20px;
}
.caixa{
margin-top: 1px;
margin-right: 400px;
margin-bottom: 20px;
margin-left: 400px;
padding: 0px;
}
div:nth-child(2n){
background-image: url('Fundo-azul.jpg');
}
.espacamento{
padding: 20px;
}
h1{
color: blue;
}
h2{
color: blue;}
h3{
color: white;
}
input[type="submit"]{
border: 4px solid blue;
height: 30px;
width: 80px;
color: white;
background-color: blue;
}
.letra{
color: white;
}
REFERÊNCIAS
SANTIAGO, Jefferson. Web Standards. São Paulo: Editora Senac São Paulo, 2016.
Continue navegando
Materiais relacionados
Perguntas relacionadas
Compartilhar