Recomendados
Mais conteúdo relacionado
Semelhante a html basico primeiro slide para iniciantes- 1.pptx
Semelhante a html basico primeiro slide para iniciantes- 1.pptx (20)
html basico primeiro slide para iniciantes- 1.pptx
- 2. Introdução A construção de páginas web baseiam-se nas linguagem XHTML + CSS + JAVASCRIPT, que são linguagens utilizadas para estruturar e formatar o conteúdo de um website. Quando vemos uma página web em nosso navegador, ela parece ser uma só entidade, mas não é assim. Uma página WEB é composta por uma infinidade de diferentes arquivos, como são as imagens, os possíveis vídeos e o mais importante: o código fonte. O código das páginas está escrito em uma linguagem chamada HTML, que indica basicamente onde colocar cada texto, cada imagem ou cada vídeo e a forma que terão ao serem colocados na página.
- 3. HTML • é uma abreviação de Hypertext Markup Language, ou seja, Linguagem de Marcação de Hipertexto. Resumindo, o HTML é uma linguagem usada para a publicação de conteúdo (texto, imagens, vídeos, áudio etc.) na web. • Para que você possa entender bem, o HTML é baseado no conceito de hipertexto, que são conjuntos de elementos ligados por conexões, que podem ser palavras, imagens, vídeos, áudio, documentos etc. que quando conectados, formam uma grande rede de informação. A conexão feita em um hipertexto é algo imprevisto que permite a comunicação de dados, organizando conhecimentos e guardando informações relacionadas.
- 4. Para escrever HTML existem elementos que são representados por tags ou etiquetas. Tags são pares de sinais destinados a englobar conteúdos e têm finalidade informar ao navegador sobre qual o tipo de conteúdo está nela contido. Observe a marcação a seguir: <tag inicial> O professor Leonardo é o melhor! </tag final> A sintaxe geral da HTML segue o modelo mostrado acima, ou seja, uma marcação indicando o início e outra mostrando o fim de um conteúdo. As marcas inicial e final são chamadas de tags, que, além de delimitar conteúdos, informam a natureza desses conteúdos. Um par de tags constitui um elemento. Observe a marcação HTML para um parágrafo: <p>Texto de um parágrafo </p>
- 5. Estrutura básica • <!DOCTYPE HTML> • <html> • <head> • <meta charset=”UTF-8”> • <title>Titulo da página.</title> • </head> • <body> • Está é a minha primeira página. <b>Esse texto está em negrito.</b> • </body> • </html>
- 6. • O DOCTYPE <!DOCTYPE HTML> Embora o DOCTYPE não seja uma tag HTML, ela deve ser a primeira linha antes do código, pois se trata de uma instrução que indica ao navegador ou outro meio qual a versão de marcação o código foi escrito. • Elemento HTML <html lang=”pt-br”> Agora começamos a marcação propriamente dita. Para exemplificar, pense no código HTML como uma árvore, onde existem elementos pais ou filhos, e sempre, o elemento vai estar no topo dessa árvore, sendo assim, o elemento mais importante. Creio que foi notada a presença de um atributo no elemento . O “lang” é necessário para que os user-agents saibam qual é a linguagem principal do documento. É necessário lembrar que, o atributo “lang”, não está restrito somente ao elemento, podendo ser utilizado em qualquer outro elemento indicando a linguagem do texto representado.
- 7. HTML • é uma abreviação de Hypertext Markup Language, ou seja, Linguagem de Marcação de Hipertexto. Resumindo, o HTML é uma linguagem usada para a publicação de conteúdo (texto, imagens, vídeos, áudio etc.) na web. • Para que você possa entender bem, o HTML é baseado no conceito de hipertexto, que são conjuntos de elementos ligados por conexões, que podem ser palavras, imagens, vídeos, áudio, documentos etc. que quando conectados, formam uma grande rede de informação. A conexão feita em um hipertexto é algo imprevisto que permite a comunicação de dados, organizando conhecimentos e guardando informações relacionadas. • HEAD <head> Este é o local onde fica a “parte inteligente” do web site. No HEAD, ficam os metadados, ou seja, informações sobre a página e sobre o conteúdo publicado. • METATAG CHARSET <meta charset=”UTF-8”> Este item chaveia a tabela de caracteres que vai ser utilizada pelo seu sistema. O que o Unicode faz é fornecer um único número para cada caractere, não importa a plataforma, nem o programa, nem a língua. • TITLE <title> Indica o titulo da página que aparece na barra do navegador e deve ser especificado entre as tags <head>...</head>. • BODY <body> O elemento body identifica o corpo da página. Todo o conteúdo da página deve estar dentro das tags <body>....</body>.
- 8. Um resumo dos elementos básicos pode ser representado pela imagen a seguir: