Estructura
de una página HTML
estructura de un documento html?
Estructura básica
Cada página comienza
con: < HTML > .
A continuación viene la
cabecera, delimitada por <
HEAD > y <
/HEAD > .
Después, el comando < BODY >, que indica el
comienzo del cuerpo de la página. Las instrucciones HTML se escribirán a
continuación, y finalizarán con < /BODY >.
La página acabará con < /HTML >
elementos principales de un documento ?
<HTML> … </HTML>
Delimita y engloba toda la página web, que consta de
cabecera y cuerpo.
<HEAD> … </HEAD>
Delimita y engloba la cabecera de una página, que
contiene un conjunto de informaciones que no se muestran en la ventana, entre
ellas el título de la página, pero que pueden ayudar a los navegadores y a los
buscadores para interpretar o a encontrar correctamente la página.
<TITLE> … </TITLE>
Dentro de la cabecera (HEAD), lo que se incluye aquí se
muestra en la barra del título de la ventana del navegador.
Meta datos
La cabecera admite otras muchas etiquetas
<BODY> … </BODY>
Delimita y engloba el cuerpo de la página, que son el
conjunto de informaciones (texto e imágenes) que se muestran en la página, así
como las indicaciones de cómo deben mostrarse.
definir etiquetas, atributos y ejemplos.
<body> es para abrir
el cuerpo.
</body> para cerrar el
cuerpo.
<h1>…<h6>
numerado del 1 al 6 por orden de relevancia.
<p> determina un texto
de párrafo.
<br> hace un salto de
linea simple.
<img> para insertar
imagen.
atributos.
<background> para fondo de pantalla con imagen.
<text> color del texto de la pagina.
<link> color de las ligas o enlaces visitados dentro de la pagina.
ejemplo #1
hml>
<head>
<title> mi primera pagina web</title>
</head>
<body>
Amar a dios sobre todas las
cosas
</body>
</html>
ejemplo #2
<html>
<title> mi primera pagina web </title>
<p>
<head> <h3> salmos 94:19 </3></head>
<br>
<body> cuando mi mente selleno de dudas tu consuelo renovó mi esperanza y mi alegría </body>
etiquetas para crear listas en html. escribe un ejemplo para casa una.
Lista sin orden lista ordenada lista definida
<ul>
<ol> <dl>
<li> </li> <li></li> <dt></dt>
</ul> </ol> </dt>
Ejemplo 1
<html>
<head>
<meta
charset="utf-8">
<title>Ejemplo del uso de listas </title>
</head>
<body>
<ul>
<li
type="circle">Esto es un tipo de punto.</li>
<li
type="square">Este es otro.</li>
<li
type="disc">Y este es otro diferente.</li>
</ul>
</body>
</html>
Ejemplos . 2
<html>
<head>
<meta charset="utf-8">
<title>Ejemplo
del uso de listas</title>
</head>
<body>
<ol>
<li value="20">Este será el
número 20.</li>
<li>Este será el 21.</li>
<li>Este será el 22. Y así
sucesivamente.</li>
</ol>
</body>
</html>
Ejemplo 3
<html>
<head>
<meta charset="utf-8">
<title>Ejemplo del uso de listas</title>
</head>
<body>
<dl>
<dt>Aquí va el término que
definiremos</dt>
<dd>Y aquí dentro irá la definición
propiamente dicha.</dd>
</dl>
<dl>
<dt>Aquí va la segunda
definición</dt>
<dd>Segunda definición, separada
automáticamente de la anterior.</dd>
</dl>
</body>
</html>
No hay comentarios:
Publicar un comentario