Image

Neocodex Design Cursos - HTML

12 lições para iniciar em HTML - Artigo 2

Olá, tudo bem?

Eu sou Emilio Dami Silva e este é o meu segundo artigo para levar você ao mundo do html de forma prática.
Este curso é bem básico e pretende te introduzir ao HTML apenas.

HTML (Em inglês. Hypertext Markup Language), é a linguagem de marcação padrão para a criação de páginas da web, descreve a estrutura de uma página da web e consiste em uma série de tags e elementos que informam ao navegador como exibir o conteúdo

De forma resumida é uma linguagem de marcação de utilizado pelos browsers para mostrar conteúdos nos computadores em geral, os browsers leem os códigos html e converte de em páginas de textos visíveis para ser mostrada na tela. O HTML é uma forma de script interpretado pelo browser.

Como vimos se você não acompanhou o primeiro artigo, retorne aqui e leia-o completamente:
12 lições para iniciar em HTML - Artigo 1,
para continuar a desenvolver os recursos de nossa primeira página oficial em html, iremos precisar de:

  • • Um Computador com o Windows;
  • • um editor de textos e um browser, eu sugiro que seja o Google Chrome Browser


Agora vamos voltar ao nosso trabalho, o website que criamos no artigo 1:

- Volte ao seu codigo que você criou na aula passada, localize a tag <body> e vamos inserir uma imagem ali.
- Consiga uma foto adequada e utilize algum programa para tratamento de fotos como paint ou photoshop e trate a imagem
de forma que ela fique com um tamanho razoavel de 260px por 250px. Mas você pode escolher o tamanho que achar adequado.
(Como esse curso e de HTML nao utilizaremos javascript e nem css para melhorar o posicionamento da imagem)

- Esse artigo nao lhe ensinara nada sobre imagens, para isso você ira precisar acessar o nosso curso de tratamento de imagens para sites html no link: Qual melhor formato de imagem para HTML e Motores de buscas?,

- Para inserir uma imagem usamos a tag <img>
                                            
<img src="minhafoto.jpg" alt="Minha foto">
                                            
                                        

Na linha que esta escrito "Nossa página OFICIAL", troque essa informação por "(Seu nome), página OFICIAL.".
Veja o como deve ficar o seu script agora:
                                        
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta charset="utf-8" />
        <meta name="author" content="Emilio Dami Silva"/>
        <meta name="description" content="Curso Básico de HTML"/>
        <meta name="keywords" content="Cursos, HTML, sites, web, websites, desenvolvimento"/>
        <title>Neocodex Design Cursos</title>
    </head>
    <body>
        <img src="minhafoto.jpg" alt="Minha foto" >
        <h1>
            Seu nome, página OFICIAL
        </h1>
        <p>
            Nossa primeira página criada para desenvolver scripts em HTML
        </p>
    </body>
</html>

                                        
                                    
code 2. Trabalho inicial de HTML.

- Salve seu trabalho. Você ira precisar por a sua imagem dentro da pasta de trabalho que você criou para esse curso.

Você concluiu sua segunda aula de HTML meus parabéns você que terminou a segunda lição!

Fontes:
w3schools
Spec
ICANN



Por enquanto é só.

Eu sou Emílio Dami e retornaremos em breve.

Assista nossos vídeos em nosso canal no you-tube, se inscreva lá para continuar a receber todas as novidades automaticamente e deixe seu comentário, ah e compartilhe!

Você pode enviar um e-mail para info@neocodexdesign.com

HTML – Artigo 2


Se você deseja construir uma plataforma sólida para seus negócios.

Envie-nos uma mensagem agora mesmo e vamos falar sobre o seu projeto!

Vamos conversar mais sobre o seu projeto?

Vamos direto ao trabalho! Fale algo sobre seu projeto!

Contate-nos usando o formulario abaixo, informe seu telefone e email para entrarmos em contato imediatamente!

Você pode nos contatar ligando para nos, utilizando o email ou nos contatando via redes sociais. Mas se você preencher os campos abaixo iremos entrar em contato agora mesmo. We will contact you back immediately.
Muito obrigado pela sua visita ao nosso site!

Contato