Introdução a HTML5 - Tags e Conceitos
Click here to load reader
-
Upload
jederson-secundino -
Category
Technology
-
view
2.102 -
download
0
description
Transcript of Introdução a HTML5 - Tags e Conceitos
![Page 1: Introdução a HTML5 - Tags e Conceitos](https://reader038.fdocumentos.com/reader038/viewer/2022100518/559ae9f41a28ab7d4e8b4776/html5/thumbnails/1.jpg)
HTML5
X
![Page 2: Introdução a HTML5 - Tags e Conceitos](https://reader038.fdocumentos.com/reader038/viewer/2022100518/559ae9f41a28ab7d4e8b4776/html5/thumbnails/2.jpg)
X
HTML é uma sigla em inglês que significaHyperText Markup Language (Linguagem demarcação de HyperTextos), que está em suaversão 5. É uma linguagem utilizada paracriação de Web Pages. Os documentos HTMLsão compilados em browsers(Firefox, Chrome, Internet Explorer).
![Page 3: Introdução a HTML5 - Tags e Conceitos](https://reader038.fdocumentos.com/reader038/viewer/2022100518/559ae9f41a28ab7d4e8b4776/html5/thumbnails/3.jpg)
XComeçando a Criar o seu HTML
PRIMEIRAS TAGS
• <!doctype html> • <html lang=pt-br> </html>• <head> </head>• <body> </body>
![Page 4: Introdução a HTML5 - Tags e Conceitos](https://reader038.fdocumentos.com/reader038/viewer/2022100518/559ae9f41a28ab7d4e8b4776/html5/thumbnails/4.jpg)
X<!doctype html> é a primeira tag que deve ser
colocada em seu documento HTML, é ela queindica para o seu navegador que o arquivo está emHTML
<head> é a tag responsável por manter a parte“inteligênte” do HTML, ou seja as configurações dasua página web.
<body> é após essa tag que ficará o seu site emsi, a parte que vai aparecer no seu navegador.
![Page 5: Introdução a HTML5 - Tags e Conceitos](https://reader038.fdocumentos.com/reader038/viewer/2022100518/559ae9f41a28ab7d4e8b4776/html5/thumbnails/5.jpg)
XCOMO FICA A ESTRUTURA:
<!doctype html><html lang=pt-br>
<head></head>
<body></body>
</html>
![Page 6: Introdução a HTML5 - Tags e Conceitos](https://reader038.fdocumentos.com/reader038/viewer/2022100518/559ae9f41a28ab7d4e8b4776/html5/thumbnails/6.jpg)
XTAGS BÁSICAS
•<p> Criação de um parágrafo• <em> ênfase (itálico)•<strong> ênfase forte (negrito)•<ol> Lista Ordenada•<li> intem de lista•<ul> Lista não Ordenada
![Page 7: Introdução a HTML5 - Tags e Conceitos](https://reader038.fdocumentos.com/reader038/viewer/2022100518/559ae9f41a28ab7d4e8b4776/html5/thumbnails/7.jpg)
XESTRUTURA DE UMA PÁGINA BÁSICA COM ESSAS
TAGS
![Page 8: Introdução a HTML5 - Tags e Conceitos](https://reader038.fdocumentos.com/reader038/viewer/2022100518/559ae9f41a28ab7d4e8b4776/html5/thumbnails/8.jpg)
XOlha como Fica a Página
![Page 9: Introdução a HTML5 - Tags e Conceitos](https://reader038.fdocumentos.com/reader038/viewer/2022100518/559ae9f41a28ab7d4e8b4776/html5/thumbnails/9.jpg)
X
Obrigado !!