start with html

30
HTML

Upload: bernardita-infante

Post on 04-Jul-2015

105 views

Category:

Education


0 download

DESCRIPTION

La base de la estructura de un sitio web en html,

TRANSCRIPT

Page 1: Start with HTML

HTML

Page 2: Start with HTML

Es el lenguaje principal de marcado para las páginas web.

Page 3: Start with HTML

Programación en base a código, tiene su propio lenguaje.

Page 4: Start with HTML

<html> es la etiqueta que se utiliza para describir la página.

<body> es la etiqueta, donde se encuentra todo el contenido visible

<footer> aquí se encuentra la información legal

<H> son los titulos, pueden haber cuantos uno quiera.

<p> se indican los párrafos

Page 5: Start with HTML

<html> es la etiqueta que se utiliza para describir la página.

<body> es la etiqueta, donde se encuentra todo el contenido visible

<footer> aquí se encuentra la información legal

<H> son los titulos, pueden haber cuantos uno quiera.

<p> se indican los párrafos

Page 6: Start with HTML

<html> es la etiqueta que se utiliza para describir la página.

<body> es la etiqueta, donde se encuentra todo el contenido visible <footer> aquí se encuentra la información legal

<H> son los titulos, pueden haber cuantos uno quiera.

<p> se indican los párrafos

Page 7: Start with HTML

<html> es la etiqueta que se utiliza para describir la página.

<body> es la etiqueta, donde se encuentra todo el contenido visible

<footer> aquí se encuentra la información legal

<H> son los titulos, pueden haber cuantos uno quiera.

<p> se indican los párrafos

Page 8: Start with HTML

<html> es la etiqueta que se utiliza para describir la página.

<body> es la etiqueta, donde se encuentra todo el contenido visible

<footer> aquí se encuentra la información legal

<H> son los titulos, pueden haber cuantos uno quiera.

<p> se indican los párrafos

Page 9: Start with HTML

HEAD

FOOTERBODY

Page 10: Start with HTML
Page 11: Start with HTML

CONTENIDO

Page 12: Start with HTML

<div id=”content”> </div>

<div id=”wrapper”> </div>

<div id=”wrap”> </div>

<div id=”contenedor”></div>

<div id=”contenido”> </div>

Page 13: Start with HTML

<div id=”header”>

<div id=”menu”> </div>

</div>

<div id=”content”>

<div id=”col1”> </div>

<div id=”col2”> </div>

</div>

Page 14: Start with HTML

<div id=”header”>

<div id=”menu”>

<ul>

<li> </li>

</ul>

</div>

</div>

Page 15: Start with HTML

<div id=”header”>

<div id=”menu”>

<ul>

<li> ITEM MENU </li>

</ul>

</div>

</div>

Page 16: Start with HTML

<div id=”content”>

<div id=”col1”>

<p> LIPSUM </p>

</div>

<div id=”col2”> <img src=”img/foto.png”> </div>

</div>

Page 17: Start with HTML

<div id=”footer”>

<p> INFORMACIÓN LEGAL </p>

</div>

Page 18: Start with HTML

TEXTO

Page 19: Start with HTML

Negrita <B>

Fuerte <STRONG>

Italica <I>

Subrayada <U>

Tachado <S>

Letra máquina <TT>

Page 20: Start with HTML

<CITE> V/S <EM>

CITAR ENFATIZAR

<STRONG>

Page 21: Start with HTML

LISTAS(lists)

Page 22: Start with HTML

Información, sin ordenarOrden de informaciónDefiniciones

Page 23: Start with HTML

UL

Informaciónsin ordenar

Page 24: Start with HTML

OL

Orden de información

Page 25: Start with HTML

LI

Definiciónes

Page 26: Start with HTML

TABLAS

Page 27: Start with HTML

Ordenar informaciónSimilar a tabla excelDar estructura base

Page 28: Start with HTML

<table>

<tr>

<td> CONTENIDO </td>

</tr>

</table>

Page 29: Start with HTML
Page 30: Start with HTML

jsfiddle.net