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