elementos básicos de xhtml...elementos básicos de xhtml conferencia 3 objectivos •reconocer as...
TRANSCRIPT
![Page 1: Elementos básicos de XHTML...Elementos básicos de XHTML Conferencia 3 Objectivos •Reconocer as principais etiquetas do linguagem XHTML através de suas principais atributos e exemplos](https://reader035.vdocuments.site/reader035/viewer/2022081518/611dd4197b0b8c6e4e6b5bd7/html5/thumbnails/1.jpg)
Tema I - Princípios da programação Web
MSc. Yoenis Pantoja Zaldívar
Elementos básicos de XHTML
Conferencia 3
![Page 2: Elementos básicos de XHTML...Elementos básicos de XHTML Conferencia 3 Objectivos •Reconocer as principais etiquetas do linguagem XHTML através de suas principais atributos e exemplos](https://reader035.vdocuments.site/reader035/viewer/2022081518/611dd4197b0b8c6e4e6b5bd7/html5/thumbnails/2.jpg)
Objectivos
• Reconocer as principais etiquetas do
linguagem XHTML através de suas
principais atributos e exemplos de
seus usos para desenvolver
documentos Web.
![Page 3: Elementos básicos de XHTML...Elementos básicos de XHTML Conferencia 3 Objectivos •Reconocer as principais etiquetas do linguagem XHTML através de suas principais atributos e exemplos](https://reader035.vdocuments.site/reader035/viewer/2022081518/611dd4197b0b8c6e4e6b5bd7/html5/thumbnails/3.jpg)
Bibliografía
1. Valentine Chelsea and Minnick
Chris, Serie Práctica XHTML,
Editorial Prentice Hall. 2001.
Disponible en:
http://progwebisutic.wordpress.com
2. Eguíluz Javier, Introducción a
XHTML. Disponible en:
http://www.librosweb.es/xhtml
![Page 4: Elementos básicos de XHTML...Elementos básicos de XHTML Conferencia 3 Objectivos •Reconocer as principais etiquetas do linguagem XHTML através de suas principais atributos e exemplos](https://reader035.vdocuments.site/reader035/viewer/2022081518/611dd4197b0b8c6e4e6b5bd7/html5/thumbnails/4.jpg)
ELEMENTOS BÁSICOS DE
XHTML
![Page 5: Elementos básicos de XHTML...Elementos básicos de XHTML Conferencia 3 Objectivos •Reconocer as principais etiquetas do linguagem XHTML através de suas principais atributos e exemplos](https://reader035.vdocuments.site/reader035/viewer/2022081518/611dd4197b0b8c6e4e6b5bd7/html5/thumbnails/5.jpg)
Título: title
<head>
<title>MY HOME PAGE</p>
</head>
![Page 6: Elementos básicos de XHTML...Elementos básicos de XHTML Conferencia 3 Objectivos •Reconocer as principais etiquetas do linguagem XHTML através de suas principais atributos e exemplos](https://reader035.vdocuments.site/reader035/viewer/2022081518/611dd4197b0b8c6e4e6b5bd7/html5/thumbnails/6.jpg)
Parágrafo: p
<body>
<p>Isto é um parágrafo</p>
<p>Isto é outro parágrafo </p>
</body>
![Page 7: Elementos básicos de XHTML...Elementos básicos de XHTML Conferencia 3 Objectivos •Reconocer as principais etiquetas do linguagem XHTML através de suas principais atributos e exemplos](https://reader035.vdocuments.site/reader035/viewer/2022081518/611dd4197b0b8c6e4e6b5bd7/html5/thumbnails/7.jpg)
Encabezados: h1-h6
<body>
<h1>Um encabezado de primeiro nível</h1>
<h2>Um encabezado de segundo nível</h2>
<h3>Um encabezado de terceiro nivel</h3>
</body>
![Page 8: Elementos básicos de XHTML...Elementos básicos de XHTML Conferencia 3 Objectivos •Reconocer as principais etiquetas do linguagem XHTML através de suas principais atributos e exemplos](https://reader035.vdocuments.site/reader035/viewer/2022081518/611dd4197b0b8c6e4e6b5bd7/html5/thumbnails/8.jpg)
Texto em itálico: i, em
<body>
<i>Texto en cursiva</i>
</body>
![Page 9: Elementos básicos de XHTML...Elementos básicos de XHTML Conferencia 3 Objectivos •Reconocer as principais etiquetas do linguagem XHTML através de suas principais atributos e exemplos](https://reader035.vdocuments.site/reader035/viewer/2022081518/611dd4197b0b8c6e4e6b5bd7/html5/thumbnails/9.jpg)
Texto em negrita: b, strong
<body>
<b>Texto em negrita</b>
</body>
![Page 10: Elementos básicos de XHTML...Elementos básicos de XHTML Conferencia 3 Objectivos •Reconocer as principais etiquetas do linguagem XHTML através de suas principais atributos e exemplos](https://reader035.vdocuments.site/reader035/viewer/2022081518/611dd4197b0b8c6e4e6b5bd7/html5/thumbnails/10.jpg)
Enlace: a
<body>
<a href="URL" title="um titulo para enlace“
target=“_blank”> Texto de Enlace </a>
</body>
_blank
_parent
_self
_top
TARGET
![Page 11: Elementos básicos de XHTML...Elementos básicos de XHTML Conferencia 3 Objectivos •Reconocer as principais etiquetas do linguagem XHTML através de suas principais atributos e exemplos](https://reader035.vdocuments.site/reader035/viewer/2022081518/611dd4197b0b8c6e4e6b5bd7/html5/thumbnails/11.jpg)
Imagem: img
<body>
<p>
<img src="imagen.png" />A imagem se
inserirá dantes que o texto
</p>
</body>
![Page 12: Elementos básicos de XHTML...Elementos básicos de XHTML Conferencia 3 Objectivos •Reconocer as principais etiquetas do linguagem XHTML através de suas principais atributos e exemplos](https://reader035.vdocuments.site/reader035/viewer/2022081518/611dd4197b0b8c6e4e6b5bd7/html5/thumbnails/12.jpg)
Tabela: table, tr, td
<body>
<table border=“1”>
<tr>
<td>fila1 - celda1</td>
<td>fila1 - celda2</td>
<td>fila1 - celda3</td>
</tr>
<tr>
<td>fila2 - celda1</td>
<td>fila2 - celda2</td>
<td>fila2 - celda3</td>
</tr>
</table>
</body>
![Page 13: Elementos básicos de XHTML...Elementos básicos de XHTML Conferencia 3 Objectivos •Reconocer as principais etiquetas do linguagem XHTML através de suas principais atributos e exemplos](https://reader035.vdocuments.site/reader035/viewer/2022081518/611dd4197b0b8c6e4e6b5bd7/html5/thumbnails/13.jpg)
Formulario: form
![Page 14: Elementos básicos de XHTML...Elementos básicos de XHTML Conferencia 3 Objectivos •Reconocer as principais etiquetas do linguagem XHTML através de suas principais atributos e exemplos](https://reader035.vdocuments.site/reader035/viewer/2022081518/611dd4197b0b8c6e4e6b5bd7/html5/thumbnails/14.jpg)
Formulario: form
<body>
<form method=”GET” action=“page2.html">
<!-- Controles de formulario -->
</form>
</body>
![Page 15: Elementos básicos de XHTML...Elementos básicos de XHTML Conferencia 3 Objectivos •Reconocer as principais etiquetas do linguagem XHTML através de suas principais atributos e exemplos](https://reader035.vdocuments.site/reader035/viewer/2022081518/611dd4197b0b8c6e4e6b5bd7/html5/thumbnails/15.jpg)
Controles de formulario: input
• Campo de senha
• Campo de texto
• Caixa de verificação
• Botão de opção
• Botão de envío
![Page 16: Elementos básicos de XHTML...Elementos básicos de XHTML Conferencia 3 Objectivos •Reconocer as principais etiquetas do linguagem XHTML através de suas principais atributos e exemplos](https://reader035.vdocuments.site/reader035/viewer/2022081518/611dd4197b0b8c6e4e6b5bd7/html5/thumbnails/16.jpg)
input (campo de senha)
<body>
Login: <input type="text" name="login“
size="20" / ><br />
Password: <input type="password“
name="pass" size="20" />
</body>
![Page 17: Elementos básicos de XHTML...Elementos básicos de XHTML Conferencia 3 Objectivos •Reconocer as principais etiquetas do linguagem XHTML através de suas principais atributos e exemplos](https://reader035.vdocuments.site/reader035/viewer/2022081518/611dd4197b0b8c6e4e6b5bd7/html5/thumbnails/17.jpg)
input (caixa de verificação)
<body>
<input type="checkbox" name="internet“
value="Apartamento"/>El apartamento<br />
<input type ="checkbox" name="internet“
value="Laboratorio" /> El laboratorio<br />
</body>
![Page 18: Elementos básicos de XHTML...Elementos básicos de XHTML Conferencia 3 Objectivos •Reconocer as principais etiquetas do linguagem XHTML através de suas principais atributos e exemplos](https://reader035.vdocuments.site/reader035/viewer/2022081518/611dd4197b0b8c6e4e6b5bd7/html5/thumbnails/18.jpg)
input (botões de opção)
<input type="radio" name="edad"
value="18-25"> 18 - 25 años<br />
<input type ="radio" name ="edad"
value ="26-35"> 26 -35 años<br />
![Page 19: Elementos básicos de XHTML...Elementos básicos de XHTML Conferencia 3 Objectivos •Reconocer as principais etiquetas do linguagem XHTML através de suas principais atributos e exemplos](https://reader035.vdocuments.site/reader035/viewer/2022081518/611dd4197b0b8c6e4e6b5bd7/html5/thumbnails/19.jpg)
Lista de seleção: select, option
<body>
<select name="Favorite people">
<option value="sam"> Sam Williams
</option>
<option value="maryM"> Mary Burmeister
</option>
<option value="mom"> Suzy Valentine
</option>
</select >
</body>
![Page 20: Elementos básicos de XHTML...Elementos básicos de XHTML Conferencia 3 Objectivos •Reconocer as principais etiquetas do linguagem XHTML através de suas principais atributos e exemplos](https://reader035.vdocuments.site/reader035/viewer/2022081518/611dd4197b0b8c6e4e6b5bd7/html5/thumbnails/20.jpg)
Área de texto: textarea
<body>
<textarea name="datos" cols="15"
rows="5"> Escribir texto aqui
</textarea>
</body>
![Page 21: Elementos básicos de XHTML...Elementos básicos de XHTML Conferencia 3 Objectivos •Reconocer as principais etiquetas do linguagem XHTML através de suas principais atributos e exemplos](https://reader035.vdocuments.site/reader035/viewer/2022081518/611dd4197b0b8c6e4e6b5bd7/html5/thumbnails/21.jpg)
input (botões de envío)
<input type=“submit" name=“botão"
value=“OK">
![Page 22: Elementos básicos de XHTML...Elementos básicos de XHTML Conferencia 3 Objectivos •Reconocer as principais etiquetas do linguagem XHTML através de suas principais atributos e exemplos](https://reader035.vdocuments.site/reader035/viewer/2022081518/611dd4197b0b8c6e4e6b5bd7/html5/thumbnails/22.jpg)
Novas Tags (HTML5)
• <header> </header>
• <footer></footer>
• <section></section>
• <nav></nav>
• <article></article>
• <aside></aside>
![Page 23: Elementos básicos de XHTML...Elementos básicos de XHTML Conferencia 3 Objectivos •Reconocer as principais etiquetas do linguagem XHTML através de suas principais atributos e exemplos](https://reader035.vdocuments.site/reader035/viewer/2022081518/611dd4197b0b8c6e4e6b5bd7/html5/thumbnails/23.jpg)
Novas Tags (HTML5)
![Page 24: Elementos básicos de XHTML...Elementos básicos de XHTML Conferencia 3 Objectivos •Reconocer as principais etiquetas do linguagem XHTML através de suas principais atributos e exemplos](https://reader035.vdocuments.site/reader035/viewer/2022081518/611dd4197b0b8c6e4e6b5bd7/html5/thumbnails/24.jpg)
Novas Tags (HTML5)
![Page 25: Elementos básicos de XHTML...Elementos básicos de XHTML Conferencia 3 Objectivos •Reconocer as principais etiquetas do linguagem XHTML através de suas principais atributos e exemplos](https://reader035.vdocuments.site/reader035/viewer/2022081518/611dd4197b0b8c6e4e6b5bd7/html5/thumbnails/25.jpg)
New Attribute Syntax
![Page 26: Elementos básicos de XHTML...Elementos básicos de XHTML Conferencia 3 Objectivos •Reconocer as principais etiquetas do linguagem XHTML através de suas principais atributos e exemplos](https://reader035.vdocuments.site/reader035/viewer/2022081518/611dd4197b0b8c6e4e6b5bd7/html5/thumbnails/26.jpg)
New Media Elements
<audio> Defines sound or music
content
<embed> Defines containers for external
applications (like plug-ins)
<source> Defines sources for <video>
and <audio>
<track> Defines tracks for <video> and
<audio>
<video> Defines video or movie content
![Page 27: Elementos básicos de XHTML...Elementos básicos de XHTML Conferencia 3 Objectivos •Reconocer as principais etiquetas do linguagem XHTML através de suas principais atributos e exemplos](https://reader035.vdocuments.site/reader035/viewer/2022081518/611dd4197b0b8c6e4e6b5bd7/html5/thumbnails/27.jpg)
Tema I - Princípios da programação Web
MSc. Yoenis Pantoja Zaldívar
Elementos básicos de XHTML
Conferencia 3