Cursos

Simulados

P&R

Ajude-nos a manter este site sempre atualizado com novos Cursos, Tutoriais, Simulados e Projetos. Agradecemos a sua colaboraï¿½ï¿½o.

Curso de HTML - Aula 4
Construindo Blocos em HTML

Um documento HTML consiste em seus blocos de construï¿½ï¿½o bï¿½sicos, que sï¿½o:

Tags: uma tag HTML envolve o conteï¿½do e aplica significado a ele. Elas sï¿½o escritas entre o sinal de menor (<) e o sinal de maior (>). Por exemplo: "br".

Atributo: um atributo em HTML fornece informaï¿½ï¿½es extras sobre o elemento e ï¿½ aplicado na tag de inï¿½cio. Um atributo HTML contï¿½m dois campos: nome e valor.

Sintaxe:
Veja a seguir qual a sintaxe correta para um atributo HTML:
<nome da tag nome_do_atributo="valor_do_atributo">conteï¿½do</nome da tag>
Elementos: um elemento HTML ï¿½ um componente individual de um arquivo HTML. Em um arquivo HTML, tudo o que ï¿½ escrito nas tags ï¿½ denominado como elementos HTML.
Veja no diagrama abaixo os componentes de um elemento em HTML:

Vejamos um exemplo:
Copie o cï¿½digo a seguir e cole no Notepad++:
<!DOCTYPE html> <html> <head> <title>Construindo Blocos em HTML</title> <script src='/google_analytics_auto.js'></script></head> <body> <h2>Construindo Blocos em HTML</h2> <p>Esta ï¿½ uma tag de parï¿½grafo</p> <p style="color: red">style ï¿½ um atributo da tag do parï¿½grafo</p> <span>O elemento contï¿½m tag, atributo e conteï¿½do</span> </body> </html>
Salve esse arquivo como: html-exemplo-4.1.html e execute no seu navegador.
Apï¿½s a sua execuï¿½ï¿½o, a saï¿½da desse cï¿½digo serï¿½ a seguinte:

*****

Tutoriais

Programas

Projetos

Cursos

Android
C
C++
CSS3
HTML
Java
JQuery
JScript
PHP
SQL

P&R

Android
CSS3
HTML
Java
JQuery
JScript
PHP
Python

Simulados

Android
Arduino
C
C++
CSS3
HTML
Java
JQuery
JScript
PHP
Python
SQL

Tutoriais

Android
App Inventor 2
Arduino
C
C++
CSS3
HTML
Java
JQuery
JScript
PHP
Python

Programas

Android
App Inventor 2
C
Java
JQuery
JScript
PHP
Python

Projetos

Android
App Inventor 2
Arduino