HTMCODE

Esta es una guia de uso y de opciones de funciones de HTMCODE

HTMCODE es un lenguaje de programacion enfocado en la maquetacion de paginas web

Estando enfocado principalmente en la maquetacion de HTML y dejando todo listo para que

El usuario solo tenga que preocuparse de la parte de programacion y estilos de la pagina

Todos los resultados se guardan en una carpeta que se crea llamada 'Website'

La funcion primoridial de este programa es newPage(nombre de la pagina) ya que esta es la que crea el directorio de la pagina y su archivo css y js.

Y es por eso que en todas las funciones es necesario poner el nombre de la pagina como primer parametro ya que es a esa pagina donde se le insertaran los cambios.

Guia de uso

Recuerda que para todas las funciones siempre se manda como primer parametro el nombre de la pagina a la que se le haran los cambios

nombre_funcion(nombre_pagina y luego los demas parametros necesarios)

Navegacion

HTMCODE cuenta con el tag de navegacion que se suele usar en las barras de navegacion y es muy sencillo usarlas.

Solo se tiene que llamar la funcion de creacion: startNav y cuando este se vaya a cerrar se llama endNav

Hyperlinks

Para crear un hyperlink se usa la funcion newA y se le pasa como parametro el enlace de a donde va a mandar y el texto que mostrara el tag

Esta funcion detecta automaticamente si se trata de una pagina del proyecto o un enlace externo y lo muestra de la manera correcta.

Este tipo de enlaces muchas veces se usar en la navegacion

Un ejemplo de navegacion con hiperenlaces se veria asi:

En este caso solo los enlaces de About y Google mandan a la direccion correcta ya que no existe un archivo de Home en el Proyecto pero si este se creara en un momento despues del proyecto entonces la direccion funcionaria

Headers

Esto es un Header y con la funcion newHeader se puede crear el primer parametro es el nombre de la pagina el segundo es el nivel de header y el tercero es el texto del header puede ser desde el 1 hasta el 5

Esto es un Header 1

Esto es un Header 2

Esto es un Header 3

Esto es un Header 4

Esto es un Header 5

Parrafos

HTMCODE cuenta con los tipos de parrafos mas usados y solo se necesita el nombre de la pagina el tipo de parrafo y el texto que se escribira

Esto es un parrafo normal y se usa con la funcion newP

Imagenes

Para insertar una imagen se usa la funcion llamada newImg y se le pasa como parametro el link de la imagen

Una foto se mostraria asi:

Listas

HTMCODE cuenta con los 2 tipos de listas usados en HTML los cuales son UL y OL con su respectivo elemento interno LI y para llamarlos se usa el mismo metodo que con los parrafos

Esto es una lista UL

Se llama con la funcion newUl

• Esto es un elemento LI de la lista UL

• Esto es un elemento LI 2

• Esto es un elemento LI 3

La lista UL se cierra con endUl

Esto es una lista OL

Se llama con la funcion newOl

1. Esto es un elemento LI de la lista OL

2. Esto es un elemento LI 2

3. Esto es un elemento LI 3

La lista OL se cierra con endOl

Inputs

HTMCODE cuenta con todos los tipos de inputs los cuales se llaman con la funcion newInput y como parametros se ingresa el nombre de la pagina y el tipo y algun id.

Esto es un input de tipo text

Esto es un input de tipo password

Esto es un input de tipo email

Tambien existe el tag de textarea el cual solo se llama con la funcion newTextArea

Este tiene los valores predeterminados de 4 filas y 50 columnas

Y tambien se cuenta con los siguientes tipos de inputs

• button

• checkbox

• color

• date

• datetime-local

• file

• hidden

• image

• month

• number

• radio

• range

• reset

• search

• submit

• tel

• time

• url

• week

Boton

HTMCODE cuenta con una funcion para realizar botones y se llama con la funcion newButton y se le da un parametro para el texto que mostrara.

Tablas

HTMCODE cuenta tambien con el tag de tabla la cual se empieza con la funcion startTable y finaliza con endTable

La tabla tambien cuenta con las tags TR TH y TD

TR se inicia con startTr y finaliza con endTr

TH y TD se llaman con newTh y newTd respectivamente y se les añade el parametro del texto que se mostrara

La tabla se ve asi

BR

HTMCODE cuenta con la funcion newBr para realizar un salto de linea

Se usa asi con la funcion newBR

Y se ve asi como el espacio vacio entre el parrafo y el salto de linea

Divisiones

HTMCODE cuenta con la funcion newDiv para realizar divisiones

Se usa asi con la funcion newDiv y se cierra con endDiv

Funciones terminales

HTMCODE cuenta con las funciones terminales de secciones que son las siguientes

• endBody : que cierra el tag body

• endPage : que cierra el tag html

• endDiv : que cierra el tag div

Formularios

HTMCODE cuenta con la funcion startForm para realizar formularios y endForm

Y juntandose con los tags de label button e input se verian asi

Login Form

Login Form usando divs en cada input

Y listo ya solo falta que añadas algunos diseños y programacion y queda lista tu nueva pagina!!