PRÁTICA 1 – INTRODUÇÃO AO HTML
Comandos:
Tags <html> <body> <head> <h1> <p> <img> <strong> <i> <em>
Introdução:
HTML é uma linguagem de tags para gerar páginas na internet.
Tarefa:
Crie um arquivo HTML com qualquer nome (qualquercoisa.html) e envie por FTP para o site ftp.laboratorioelt.tecnologia.ws. O username é laboratorioelt. Pergunte a senha para o professor. Teste o resultado apontando o browser para http://www.laboratorioelt.tecnologia.ws/qualquercoisa.html.
Programa 1 – Básico:
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <h1>This is a Heading</h1> <p>This is a paragraph.</p> </body> </html> |
Programa 2 – Imagens:
|
1 2 3 4 |
<!DOCTYPE html> <html> <img src="http://apostilas.tecnologia.ws/wp-content/uploads/2016/07/lcdArduino.png" width="104" height="142"> </html> |
Programa 3 – Centralizado
|
1 2 3 4 5 |
<!DOCTYPE html> <html> <h1 style="text-align:center;">Centered Heading</h1> <p style="text-align:center;">Centered paragraph.</p> </html> |
Programa 4 – Formatado
|
1 2 3 4 5 6 7 |
<!DOCTYPE html> <html> <strong>This text is strong</strong> <i>This text is italic</i> <em>This text is emphasized</em> <h1 style="color:blue;">This is a blue heading</h1> </html> |
Desafio: Escreva o seu nome em vermelho em uma TAG H1 usando HTML
|
1 2 3 4 |
<!DOCTYPE html> <html> <h1 style="color:red;">Seu Crayson</h1> </html> |