Introducing
Prezi AI.
Your new presentation assistant.
Refine, enhance, and tailor your content, source relevant images, and edit visuals quicker than ever before.
Trending searches
Loading…
INTRODUCCIÓN EN HTML
Transcript
INTRODUCCIÓN A LA PROGRAMACIÓN EN HTML
LAURA MANCO MONTOYA
LAURA CAROLINA GAVIRIA
En los siguientes enlaces encontraremos una lista de caracteres especiales:
http://www.virtualnauta.com/html-guia-de-referencia-caracteres-especiales
file:///C:/Users/Invitado/Downloads/caracteres-especiales-232-kirb5i.pdf
http://serbal.pntic.mec.es/apan/caract.htm
http://es.wikipedia.org/wiki/Programaci%C3%B3n
http://www.aprenderaprogramar.com/index.php?option=com_content&view=article&id=435:ique-es-y-para-que-sirve-html-el-lenguaje-mas-importante-para-crear-paginas-webs-html-tags-cu00704b&catid=69:tutorial-basico-programador-web-html-desde-cero&Itemid=192
http://www.desarrolloweb.com/articulos/11.php
http://www.virtualnauta.com/html-guia-de-referencia-caracteres-especiales
TABLA BASICA
EJEMPLO
Para insertar una tabla en una página de internet debes incluir el código que aparece a continuación. Este puede ser modificado para obtener diferentes resultados y estilos de tablas.
Las tablas más sencillas de HTML se definen con tres etiquetas:
<table> indica que vamos a crear una tabla
<tr> para crear cada fila de la tabla
<td> para crear cada columna.
ejemplo:
<html>
<head><title>Ejemplo de tabla sencilla</title></head>
<body>
<h1>Listado de cursos</h1>
<table>
<tr>
<td><strong>Curso</strong></td>
<td><strong>Horas</strong></td>
<td><strong>Horario</strong></td>
</tr>
<tr>
<td>CSS</td>
<td>20</td>
<td>16:00 - 20:00</td>
</tr>
<tr>
<td>HTML</td>
<td>20</td>
<td>16:00 - 20:00</td>
</tr>
<tr>
<td>Dreamweaver</td>
<td>60</td>
<td>16:00 - 20:00</td>
</tr>
</table>
</body>
</html>
Si se visualiza el código anterior en cualquier navegador, se obtiene una tabla como la que muestra la siguiente imagen:
* <h1> Abre título 1
</h1> Cierre título 1
* <br/> Salto de línea
* <hr></hr> Abre y cierra línea horizontal
LAS ETIQUETAS SIEMPRE VAN ENCERRADAS ENTRE LOS SIGOS "<" y ">", por ejemplo: <Etiqueta>; y siempre deben abrirse y cerrarse dentro de la línea del código.
ETIQUETAS EN HTML
CARACTERES ESPECIALES EN HTML
ES UN CODIGO QUE SE INCLUYE EN LOS ARCHIVOS CREADOS CON EL LENGUAJE HTML PARA ESTRUCTURAR, AÑADIR SIGNIFICADO O FORMATO AL CONTENIDO A UNA PAGINA WEB
SE UTILIZA PARA REALIZAR SÍMBOLOS Y FIGURAS QUE NO CONTIENE EL TECLADO. ESTOS COMIENZAN CON EL SÍMBOLO "&" Y FINALIZA CON ";".
EJEMPLO:
QUE ES HTML
PARA QUÉ SIRVE
PARA CREAR PAGINAS WEB, POR MEDIO DE SUS ETIQUETAS, DARLES ESTRUCTURA Y CONTENIDO; CON HTML Y LA AYUDA DE CSS. POR EJEMPLO:
HTML(Lenguaje de Marcas de Hipertexto), ES UN LENGUAJE QUE SE EMPLEA PARA EL DESARROLLO DE PAGINAS DE INTERNET. ESTÁ COMPUESTO POR UNA SERIE DE ETIQUETAS QUE EL NAVEGADOR INTERPRETA Y DA FORMA EN LA PANTALLA
QUE ES PROGRAMAR
* ES INGRESAR EN LA COMPUTADORA UNA SECUENCIA DE ORDENES PARA LOGRAR UN OBJETIVO.
* SE CONOCE COMO PROGRAMACIÓN DE COMPUTADORES A LA IMPLEMENTACIÓN DE UN ALGORITMO EN UN DETERMINADO LENGUAJE DE PROGRAMACIÓN CONFORMANDO UN PROGRAMA. EL LENGUAJE DE PROGRAMACIÓN PUEDE SER DE ALTO NIVEL, MEDIO NIVEL O BAJO NIVEL.
* ES SIMPLEMENTE HACER QUE LA COMPUTADORA EJECUTE UN LENGUAJE O CODIGO QUE SE LE DICTE
QUE ES CSS
ES UN LENGUAJE DE ESTILO QUE DEFINE LA PRESENTACION DE LOS DOCUMENTOS HTML. POR EJEMPLO, CSS ABARCA CUESTIONES RELATIVAS A FUENTE, COLORES, IMÁGENES, LÍNEAS, ALTURA, ANCHURA, IMÁGENES DE FONDO, POSICIONAMIENTO AVANZADO Y MUCHOS OTROS TEMAS.
(Es decir; con el podemos definir tamaños de letra,bordes; fondos y colores; etc)
WEBGRAFÍA
Choose a template
Presentations from around the world
Learn more about creating dynamic, engaging presentations with Prezi