SlideShare una empresa de Scribd logo
Codigos básicos html
• Las instrucciones HTML están encerradas entre los caracteres: < y >.
Muchos elementos HTML requieren una marca de comienzo y otra de
finalización. Todo aquello que está fuera de las marcas del lenguaje se imprime
en la pantalla (dentro del navegador).
• La estructura básica de una página HTML es:
<html> <head> </head> <body> Cuerpo de la página. </body> </html>
• Todo el texto que disponemos en el cuerpo de la página aparece en la
misma línea, no importa si cuando tipeamos la página disponemos cada
palabra en una línea distinta (es decir un navegador no tiene en cuenta la
tecla ENTER).
• Implementemos una página que muestre los nombres de distintos
lenguajes de programación uno por línea:
<html>
<head>
</head>
<body>
PHP<br>
JavaScript<br>
Java<br>
C<br>
C++
</body>
</html>
• Un párrafo es una oración o conjunto de oraciones referentes a un mismo
tema. Todo lo que encerremos entre las marcas <p> y </p> aparecerá
separado por un espacio con respecto al próximo párrafo.
• Dentro de un párrafo puede haber saltos de línea <br>.
• Veamos con un ejemplo como disponer dos párrafos:
• <html>
• <head>
• </head>
• <body>
• <p>
• El título de mayor nivel es <h1>, es decir el que tienen una fuente mayor
(veremos que es el navegador el responsable de definir el tamaño de la
fuente, más adelante podrá ver que uno puede modificar la
fuente, tamaño, color etc.)
• <html>
• <head>
• </head>
• <body>
• <h1>Tipos de datos en MySQL</h1>
• <h2>varchar</h2>
• <p>
• Enfatizar algo significa realzar la importancia de una cosa, por ejemplo una
palabra o conjunto de palabras
• <html>
• <head>
• </head>
• <body>
• <p><strong>Típos de datos</strong> en MySQL</p>
• <p><em>TEX
• TO</em>: Para almacenar texto usamos cadenas de caracteres.
• Las cadenas se colocan entre comillas simples. Podemos almacenar dígitos
• con los que no se realizan operaciones matemáticas, por ejemplo, códigos
• de identificación, números de documentos, números telefónicos.
• Tenemos los siguientes tipos: varchar, char y text.</p>
• <p><em>NUMEROS</em>: Existe variedad de tipos numéricos
• para representar enteros, negativos, decimales. Para almacenar valores enteros,
• por ejemplo, en campos que hacen referencia a cantidades, precios, etc., usamos
• el tipo integer. Para almacenar valores con decimales utilizamos: float o decimal.</p>
• <p><em>FECHAS Y HORAS</em>: para guardar fechas y horas dispone
• de varios tipos: date (fecha), datetime (fecha y hora), time (hora), year (año)
• y timestamp.</p>
• </body>
• </html>
• El elemento más importante que tiene una página de internet es el
hipervínculo, estos nos permiten cargar otra página en el navegador.
<html>
<head>
</head>
<body>
<h1>Página principal.</h1>
<a href="pagina2.html">Noticias</a>
</body>
</html>
• Para insertar una imagen dentro de una página debemos utilizar el
elemento HTML <img>, la misma no tiene una marca de finalización
(similar a la marca <br>).
<html>
<head>
</head>
<body>
<img src="foto1.jpg" alt="Pintura geométrica">
</body>
</html>
La solución es simple y consiste en disponer la marca <img> encerrada entre la
marca de comienzo y fin del enlace(<a>)
<html>
<head>
</head>
<body>
<h2>Presione alguna de las imagenes para conocer más sobre esa obra.</h2>
<a href="pagina2.html"><img src="/imagenes/foto1.jpg"
alt="Pintura Geométrica"></a>
<br>
<a href="pagina2.html"><img src="/imagenes/foto2.jpg"
alt="Pintura Geométrica"></a>
</body>
</html>

Más contenido relacionado

PPTX
PPTX
Manual html
PDF
Introducion a HTML5
PDF
Etiquetas para estructurar texto HTML5 - 2 parte
PPTX
Presentación1 html
PPTX
Tutorial de html alexito
PDF
Etiquetas para estructurar texto en HTML - 4 parte
Manual html
Introducion a HTML5
Etiquetas para estructurar texto HTML5 - 2 parte
Presentación1 html
Tutorial de html alexito
Etiquetas para estructurar texto en HTML - 4 parte

La actualidad más candente (19)

DOCX
PPSX
Diseño de Páginas Web - HTML
PPTX
Sitio Web / Introducción a HTML
DOCX
Colegio nacional nicolas esguerra
PPT
Aplicaciones en la red
PDF
001 Html
 
PPTX
Introduccion a programacion html
PPT
Tutorial XML
DOCX
Colegio nacional nicolas esguerra
PPTX
HTML: Una introducción.
DOCX
Colegio nacional nicolás esguerra 3
PPTX
Producto 3
PDF
Etiquetas para estructurar texto en HTML - 3 parte
PPTX
Diapositivas
DOCX
Que es html
PPTX
El lenguaje html
DOCX
Colegio nacional nicolas esguerra
PPTX
Xml y html
Diseño de Páginas Web - HTML
Sitio Web / Introducción a HTML
Colegio nacional nicolas esguerra
Aplicaciones en la red
001 Html
 
Introduccion a programacion html
Tutorial XML
Colegio nacional nicolas esguerra
HTML: Una introducción.
Colegio nacional nicolás esguerra 3
Producto 3
Etiquetas para estructurar texto en HTML - 3 parte
Diapositivas
Que es html
El lenguaje html
Colegio nacional nicolas esguerra
Xml y html
Publicidad

Similar a Html (20)

PPTX
Codigo html
PDF
Ejercicios_basicos_HTML18-19.pdf
PPT
Cont clase de lenguaje IV
PDF
Ejercicios_basicos_ para practica para alumnos
PPTX
Conceptos básicos y etiquetas
PPT
Lenguaje de programación de páginas web
PPT
Codigos HTML Continuación
PPTX
PDF
Curso php-my sql-clase-1
PDF
Curso php-my sql-clase-1
PPTX
Lenguaje html
PPTX
PDF
Html 000 fundamentos web - bib lioteca
PPTX
Proy. Diseño e Impl. de Sist. Comp. v1.0.pptx
PDF
ODP
PDF
El diseño web, sus tendencias y criterios de evaluación
PDF
elaboración de páginas web utilizando HTML-11.pdf
Codigo html
Ejercicios_basicos_HTML18-19.pdf
Cont clase de lenguaje IV
Ejercicios_basicos_ para practica para alumnos
Conceptos básicos y etiquetas
Lenguaje de programación de páginas web
Codigos HTML Continuación
Curso php-my sql-clase-1
Curso php-my sql-clase-1
Lenguaje html
Html 000 fundamentos web - bib lioteca
Proy. Diseño e Impl. de Sist. Comp. v1.0.pptx
El diseño web, sus tendencias y criterios de evaluación
elaboración de páginas web utilizando HTML-11.pdf
Publicidad

Html

  • 2. • Las instrucciones HTML están encerradas entre los caracteres: < y >. Muchos elementos HTML requieren una marca de comienzo y otra de finalización. Todo aquello que está fuera de las marcas del lenguaje se imprime en la pantalla (dentro del navegador). • La estructura básica de una página HTML es: <html> <head> </head> <body> Cuerpo de la página. </body> </html>
  • 3. • Todo el texto que disponemos en el cuerpo de la página aparece en la misma línea, no importa si cuando tipeamos la página disponemos cada palabra en una línea distinta (es decir un navegador no tiene en cuenta la tecla ENTER). • Implementemos una página que muestre los nombres de distintos lenguajes de programación uno por línea: <html> <head> </head> <body> PHP<br> JavaScript<br> Java<br> C<br> C++ </body> </html>
  • 4. • Un párrafo es una oración o conjunto de oraciones referentes a un mismo tema. Todo lo que encerremos entre las marcas <p> y </p> aparecerá separado por un espacio con respecto al próximo párrafo. • Dentro de un párrafo puede haber saltos de línea <br>. • Veamos con un ejemplo como disponer dos párrafos: • <html> • <head> • </head> • <body> • <p>
  • 5. • El título de mayor nivel es <h1>, es decir el que tienen una fuente mayor (veremos que es el navegador el responsable de definir el tamaño de la fuente, más adelante podrá ver que uno puede modificar la fuente, tamaño, color etc.) • <html> • <head> • </head> • <body> • <h1>Tipos de datos en MySQL</h1> • <h2>varchar</h2> • <p>
  • 6. • Enfatizar algo significa realzar la importancia de una cosa, por ejemplo una palabra o conjunto de palabras • <html> • <head> • </head> • <body> • <p><strong>Típos de datos</strong> en MySQL</p> • <p><em>TEX • TO</em>: Para almacenar texto usamos cadenas de caracteres. • Las cadenas se colocan entre comillas simples. Podemos almacenar dígitos • con los que no se realizan operaciones matemáticas, por ejemplo, códigos • de identificación, números de documentos, números telefónicos. • Tenemos los siguientes tipos: varchar, char y text.</p> • <p><em>NUMEROS</em>: Existe variedad de tipos numéricos • para representar enteros, negativos, decimales. Para almacenar valores enteros, • por ejemplo, en campos que hacen referencia a cantidades, precios, etc., usamos • el tipo integer. Para almacenar valores con decimales utilizamos: float o decimal.</p> • <p><em>FECHAS Y HORAS</em>: para guardar fechas y horas dispone • de varios tipos: date (fecha), datetime (fecha y hora), time (hora), year (año) • y timestamp.</p> • </body> • </html>
  • 7. • El elemento más importante que tiene una página de internet es el hipervínculo, estos nos permiten cargar otra página en el navegador. <html> <head> </head> <body> <h1>Página principal.</h1> <a href="pagina2.html">Noticias</a> </body> </html>
  • 8. • Para insertar una imagen dentro de una página debemos utilizar el elemento HTML <img>, la misma no tiene una marca de finalización (similar a la marca <br>). <html> <head> </head> <body> <img src="foto1.jpg" alt="Pintura geométrica"> </body> </html>
  • 9. La solución es simple y consiste en disponer la marca <img> encerrada entre la marca de comienzo y fin del enlace(<a>) <html> <head> </head> <body> <h2>Presione alguna de las imagenes para conocer más sobre esa obra.</h2> <a href="pagina2.html"><img src="/imagenes/foto1.jpg" alt="Pintura Geométrica"></a> <br> <a href="pagina2.html"><img src="/imagenes/foto2.jpg" alt="Pintura Geométrica"></a> </body> </html>