CURSO DE JAVASCRIPT
TERAZOOM CULTURA -
Html-JavaScript-CSS
Introducción
El html es un lenguaje estandart de marcas para elaborar páginas Web, se refiere a marcas porque utiliza etiquetas, que no es más que
palabras o letras claves demarcadas dentro de los signos "Menor que" & "Mayor que"; con la salvedad que en la mayoría de las etiquetas se tiene un inicio y un final, por ejemplo:(Etiqueta inicio) Contenido (/Etiqueta cierre)
tambien existen algunas etiquetas que utilizan solo al inicio como: (br) y (hr)
La primera "break-row" equivale a un retorno de carro y la segunda genera una linea divisoria "horizontal-row"
Estructura básica
una página web tiene tres elementos básicos:
- Todo documento Html debe comenzar con una declaración del tipo (!DOCtype html)
- Luego se define el espacio de la página (Html) (/Html)
- Dentro del espacio de la página se encuentran HEAD y BODY
- Dentro de (Body) se desarrolla el contenido de la web page(/Body)
Que es JavaScript
JavaScript es el lenguaje de programacion del HTML y de la WEB, es el lenguaje que todos los desarrolladores deben aprender:
- html define el contenido de las páginas web
- CSS especifica las caracteristicas de las páginas web
- JavaScript para programar el comportamiento de las páginas web
Este lenguaje no es exclusivo de las páginas web, muchos programadores de escritorio y servidores utilizan javascript.
Que es una etiqueta y su estructura
Una etiqueta es un comando marcado entre los símbolos "< >", esta contiene la información a mostrar entre la Marca inicial y la Marca final, la marca final se reconoce porque dentro de los símbolos "< >" se repite la etiqueta pero inicia con el signo de división "< / >".
Es decir una etiqueta se encuentra entre las marcas inicial y final; dentro de estas marcas se encuentra la información a suministrar por la web page y será visualizada de acuerdo a su denominación, por ejemplo:
< P > coloca el texto en forma de párrafo </P >
<H1> presenta el texto como el más importante: Titulo principal </H1>
<H2> presenta el texto como el segundo en importancia: Título Secundario </H2>
<H3> presenta el texto como el tercero en importancia: Título Terciario </H3>
<H6> es el texto más pequeño </H6>
Como definir una tabla
Para definir una tabla se debe tomar en cuenta que el lenguaje esta estructurado para generar la tabla por filas, las diferentes etiquetas indican la ubicación de las filas y se definen de la siguiente manera:
Table = define una tabla
Tbody = cuerpo de la tabla
Tr = Table row = cada una de las filas que conforman la tabla
Td =
Table Data cell = cada una de las celdas de datos correspondiente a una fila
Ejemplo de una tabla 3 x 3 con encabezado:
< table ><tbody>
< tr ><td> A </td><td> B </td><td> C </td></tr>
< tr ><td> 1.1 </td><td> 1.2 </td><td> 1.3 </td>< tr >
< tr ><td> 2.1 </td><td> 2.2 </td><td> 2.3 </td>< tr >
< tr ><td> 3.1 </td><td> 3.2 </td><td> 3.3 </td>< tr >
</tbody></table>
| A | B | C |
| 1.1 | 1.2 | 1.3 |
| 2.1 | 2.2 | 2.3 |
| 3.1 | 3.2 | 3.3 |
Como generar un listado
Las etiquetas LO & LU nos permiten generar listas o viñetas ordenadas numéricamente ("Ordered List") o también listados sin numeración iniciando con un punto negro ("Un-ordered List"), se utiliza la misma estructura de marcas inicial y final con la etiqueta deseada, tomando en cuenta que cada item de la lista debe estar entre las marcas
< Li > Elemento de lista < /Li >
Ejemplo de listado ordenado: (Ordered List)
- Elemento Ordenado "A"
- Elemento Ordenado "B"
- Elemento Ordenado "C"
< Li > Elemento A </ Li >
< Li > Elemento B </ Li >
< Li > Elemento C </ Li >
</ Lo >
Ejemplo de listado sencillo: (Un-Ordered List)
- Elemento A listado sencillo
- Elemento B listado sencillo
- Elemento C listado sencillo
< Li >Elemento A listado sencillo</ Li >
< Li >Elemento B listado sencillo</ Li >
< Li >Elemento C listado sencillo</ Li >
</ Lu >
Comentarios
Publicar un comentario
Solo compartiendo el conocimiento seremos grandes