NeytorTec Tutoriales Web

Neytortec es un blog dedicado a brindar conocimientos Sobre las diferentes formas de crear un sitio web desde el aprendizaje de lenguajes web hasta su aplicación en el uso de un Blog.

En las listas de Definición  cada elemento es presentado junto con su definición en este caso la etiqueta principal es <dl> y <...

Listas de Definicion en HTML


En las listas de Definición cada elemento es presentado junto con su definición en este caso la etiqueta principal es <dl> y </dl> (definition list). Las etiquetas de los elementos y sus definiciones son <dt> (definition term) y <dd> (definition definition) respectivamente. Cada linea <dd> esta desplazada hacia la izquierda, como creando una sub-lista.

Código HTML:



Resultado Ejecutado En Un Navegador:


America
Brazil
Argentina
Peru
Chile
Europa
Francia
Alemania
Portugal
España

OJO: no es necesario poner cierre a las etiquetas <dt> y <dd> funcionan de igual manera. En este ejemplo mantuvimos sus cierres respectivos; ya es criterio de cada uno ponerlos o no.

0 comentarios:

En este vídeo Tutorial prenderemos a crear listas desordenadas en HTML , asi como tambien darle estilo a las viñetas por defecto de las lis...

Video_Tutoria5 del Curso de HTML Basico (Listas Desordenadas)

En este vídeo Tutorial prenderemos a crear listas desordenadas en HTML , asi como tambien darle estilo a las viñetas por defecto de las listas usando el atributo type en la etiqueta <li>, espero les sea de mucha ayuda este vídeo tutorial

1 comentarios:

Del mismo modo que para las listas desordenadas , las listas ordenadas ofrecen la posibilidad de modificar por un tipo de viñeta. E...

Tipo de de viñetas en Listas Ordenadas con HTML

tipos de viñetas en listas ordenadas

Del mismo modo que para las listas desordenadas, las listas ordenadas ofrecen la posibilidad de modificar por un tipo de viñeta.

Ejemplo para ordenar de forma (A,B,C....) en mayúsculas usaremos la etiqueta <ol type="A">

Código HTML:




Ejemplo Ejecutado En Un Navegador:


  1. lista 1
  2. lista 2
  3. lista 3
  4. lista 4
  5. lista 5
  6. lista 6


Ejemplo para ordenar de forma(I,II,III...) en mayúsculas usaremos las etiquetas <ol type="I">

Código HTML:




Resultado Ejecutado En Un Navegador:

  1. lista 1
  2. lista 2
  3. lista 3
  4. lista 4
  5. lista 5
  6. lista 6


De la misma forma se puede colocar viñetas con letras en minúsculas usando las etiquetas:
<ol type="a"> o <ol type="i">

0 comentarios:

Podemos definir el tipo de viñeta empleada para cada elemento.  Para ello debemos especificarlo por medio del atributo type  incluida ...

Tipos de viñetas en Listas Desordenadas con HTML

tipos de viñetas en listas desordenadas

Podemos definir el tipo de viñeta empleada para cada elemento.  Para ello debemos especificarlo por medio del atributo type incluida dentro de la etiqueta de apertura <ul> , si queremos que el estilo sea valido para toda la lista, o de lo contrario solo definimos en la etiqueta <li>, si queremos hacerlo especifico en en solo elemento.

1 comentarios:

Listas Ordenadas : Al igual que las listas desordenadas  precederemos de la misma forma, la única diferencia sera que en este caso us...

Listas Ordenadas en HTML

listas ordenadas

Listas Ordenadas :

Al igual que las listas desordenadas precederemos de la misma forma, la única diferencia sera que en este caso usaremos las etiquetas <ol> (order list) y su cierre. Cada elemento sera igual precedido de su etiqueta <li> :

Código HTML:





Resultado Ejecutado En Un navegador:

  1. Uno
  2. Dos
  3. Tres
  4. Cuatro
  5. Cinco
  6. Seis



A diferencia de las listas desordenadas las listas ordenadas muestran un orden como vemos en el ejemplo, aparecen en forma enumerada.

0 comentarios:

Las listas en HTML son utilizadas para citar, numerar y definir objetos. Tambien son utilizadas corrientemente para desplazar el comienz...

Listas Desordenadas en HTML

listas desordenadas

Las listas en HTML son utilizadas para citar, numerar y definir objetos. Tambien son utilizadas corrientemente para desplazar el comienzo de linea hacia la derecha.

Listas Desordenadas:

Son delimitadas por las etiquetas <ul> y </ul> (unorder list). Cada uno de los elementos de la lista es citado por medio de una etiqueta <li> (sin cierre, aunque no hay inconveniente en colocarlo):

Código HTML:



Resultado Ejecutado En Un Navegador:

  • Uno
  • Dos
  • Tres
  • Cuatro
  • Cinco
  • Seis

0 comentarios:

Genial como están amigos del Foro, hoy hablaremos sobre el  Atributo Background en HTML , un pequeño aporte muy importante para los que rec...

Atributo Background en HTML

Genial como están amigos del Foro, hoy hablaremos sobre el Atributo Background en HTML, un pequeño aporte muy importante para los que recién se están iniciando en el mundo del desarrollo web, pues si tienen algunas dudas por favor dejen sus comentarios que muchos de nuestros usuarios también estarán prestos a colaborar con todos ustedes. Recuerden que estamos empezando a ser una gran comunidad y apuntamos  a mucho más.



Conociendo el Atributo Background:

Atributo Background en HTML


El atributo background sirve para indicar la colocación de una imagen como fondo de la pagina. La imagen se coloca haciendo un mosaico, es decir, se repite muchas veces hasta ocupar todo el espacio del fondo de la pagina.

De forma general el código seria: <body background="Direccion.formato">:

La imagen debe ser colocada especificando detalladamente la dirección o ubicación del archivo y su formato correspondiente, si estamos trabajando de manera local se recomienda guardar las imágenes a usar en un mismo directorio para evitar complicaciones , si por lo contrario queremos poner imágenes desde la web es preferible especificar la URL de la imagen detalladamente.

Código HTML: 
                             Imagen a Utilizar:




Ejemplo Ejecutado En Un Navegador:



La imagen se muestra en mosaico.

Para mejor ilustración de ejemplos véase: Video-Tutorial 4

Ya saben por favor somos una comunidad o un blog foro, puedes dejar tus dudas y comentarios recuerda que hay muchos usuarios prestos a ayudar con tus preguntas.

0 comentarios:

Si hablamos de los atributos Text en Html estamos teniendo en cuenta muchas cualidades o particularidades del Html a continuación pasaremos...

Atributo Text en HTML

Si hablamos de los atributos Text en Html estamos teniendo en cuenta muchas cualidades o particularidades del Html a continuación pasaremos a explicar mas a fondo sobre algunos conceptos que tienes que conocer.

Comunidad de Programadores y Diseñadores WEB 

Curso Básico de HTML desde 0

Ya sabes estas en nuestro primer blogger foro, puedes dejar tus dudas en los comentarios, hacer una pequeña sugerencia si falta algunas cosas para mejorar.
Atributo Text en HTML

Atributo Text en HTML: 

Atributos text en HTML


Este atributo sirve para asignar el color del texto a la pagina, tanto el atributo como el parámetro  se javascript:void(0);definen en la etiqueta <body> :
De forma general el código seria : <body text="color definido">

Codigo HTML:




Resultado Ejecutado En Un Navegador:




Para mejor ilustración de ejemplos véase : Video-Torial 4

Nos despedimos de este pequeño tutorial, no sin antes decirles que pueden participar, estas en un pequeño Blog foro donde todos vamos a compartir ideas y experiencias como desarrolladores, diseñadores y hablaremos de todo. Saludos 

0 comentarios:

Las paginas HTML, pueden construirse con variedad de atributos que le pueden dar un aspecto a la pagina muy personalizad. Podemos defin...

Atributo bgcolor en HTML

Atributo Bgcolor

Las paginas HTML, pueden construirse con variedad de atributos que le pueden dar un aspecto a la pagina muy personalizad. Podemos definir atributos como el color de fondo, el color del texto o de los enlaces. Estos atributos se definen en la etiqueta  <body>.

3 comentarios:

El color, tamaño y tipo de letra se hace a partir de la etiqueta <font> y su cierre correspondiente. Dentro de esta etiqueta deb...

Color, Tamaño y Tipo de Letra en HTML


El color, tamaño y tipo de letra se hace a partir de la etiqueta <font> y su cierre correspondiente. Dentro de esta etiqueta deberemos especificar los atributos correspondientes a cada uno de estos parámetros que deseamos definir.

2 comentarios:

Este tipo de formato resulta de extremada utilidad para textos científicos a la hora de querer resaltar fechas, compuestos químicos, etc...

Subìndices y Supraìndices en HTML


Este tipo de formato resulta de extremada utilidad para textos científicos a la hora de querer resaltar fechas, compuestos químicos, etc:


Supraindices en HTML:

El formato de los supraindices esta delimitado por las etiquetas <sup></sup> :

Código HTML:



Resultado Ejecutado En Un Navegador:


(Texto con un) Supraindice










Subindices en HTML:


El formato de los Subindices esta delimitado por las etiquetas <sub></sub> :

Código HTML:



Resultado Ejecutado En Un Navegador :


(Texto con un) Subindice




Para mejor ilustración de ejemplos se recomienda ver el vídeo-Tutorial 2 .

                  

0 comentarios:

En este Vídeo Tutorial, empezaremos a dar un poco de personalización a una pagina web, dándole color y colocándole imágenes, todo esto desar...

Video-Tutrorial 4 del Curso de HTML basico (Atributos De Pagina)

En este Vídeo Tutorial, empezaremos a dar un poco de personalización a una pagina web, dándole color y colocándole imágenes, todo esto desarrollado sobre la etiqueta "body" con atributos correspondientes para cada función.


0 comentarios:

Texto Subrayado En HTML: El Subrayado de un texto o palabra en HTML esta definido por el siguiente par de etiquetas <u><u...

Texto Subrayado y Tachado en HTML




Texto Subrayado En HTML:

El Subrayado de un texto o palabra en HTML esta definido por el siguiente par de etiquetas <u><u/>, se recomienda que el uso de subrayados a de ser aplicado con precaución ya que este puede tomarse como un link ya que estos vienen con subrayado por defecto y puede confundir  al lector.

Código HTML:



Resultado Ejecutado En Un Navegador:




Texto Tachado en HTML:


El tachado de palabras o textos esta dado por el siguiente par de etiquetas <s></s>, aunque es de poco uso esta etiqueta es muy importante cuando queremos resaltar ciertas cosas.

Código HTML:



Resultado Ejecutado En Un Navegador:



Cualquier Duda o Aporte Hacerlo por Comentarios. Gracias por Su Tiempo!

0 comentarios:

Resulta muy común y practico presentar texto resaltado en negrita, itálica y otros.  Todo esto y mucho mas es posible gracias a diversas...

Formatos de Texto en Negrita y Cursiva en HTML

Formatos de texto

Resulta muy común y practico presentar texto resaltado en negrita, itálica y otros.  Todo esto y mucho mas es posible gracias a diversas etiquetas HTML de manera fácil y concreta.

0 comentarios:

En una pagina Web la alineación de un conjunto de palabras o en este caso párrafos es muy importante para la estructura de nuestro  Si...

Alineacion de parrafos con align en HTML


En una pagina Web la alineación de un conjunto de palabras o en este caso párrafos es muy importante para la estructura de nuestro  Sitio Web, debido a que las alineaciones permiten re-ubicar las pociones por defecto de las palabras y acomodarlas al gusto del desarrollador para esto en el HTML existe un parámetro denominado "align"que es  muy especifico para ejecutar este tipo de operación.

0 comentarios:

Estructura Basica de Una Pagina Web Con HTML: Como ya hemos venido publicando en diversos vídeos de este Blog, la estructura de un...

Estructura Basica de Una Pagina Web Con HTML.


Estructura Basica de Una Pagina Web Con HTML:

Como ya hemos venido publicando en diversos vídeos de este Blog, la estructura de un documento HTML esta basado por una etiqueta singular y de gran importancia  que esta denominado por <html> y su cierre correspondiente </html>, asi como por 2 partes de igual importancia que vienen a ser el cabecero o cabecera denominado por la etiqueta <head> y su cierre </head> y el cuerpo representado por las etiqueta <body> y su cierre </body>

*En la limitación de la etiqueta <head>y </head>: Se encuentran todo los aspectos de carácter informativo de nuestra pagina como por ejemplo podríamos poner una etiqueta singular que describe el titulo de nuestra pagina la cual esta denominado por <title> Aquí el Titulo de la Pagina</title>

*Mientras que en la limitación de la etiqueta <body> y </body>: Se encuentra todo el contenido de nuestra pagina web como por ejemplo texto, imágenes e inclusive otros códigos HTML que aran que nuestra pagina adquiera una mejor presentación de los contenidos que queremos mostrar en nuestro sitio Web.

* Aquí se muestra la forma generica en como esta constituido un Pagina Web teniendo en cuenta solo el lenguaje HTML :



Todo sobre este Post se hace mención en el: video -tutorial1

0 comentarios:

En este vídeo se muestra la forma de dar color, tamaño y aplicar tipos de letra a las palabras o textos en el lenguaje HTML, tambien reca...

Video_Tutorial 3 de curso de HTML basico (Color, Tamaño y Tipos de Letra)


En este vídeo se muestra la forma de dar color, tamaño y aplicar tipos de letra a las palabras o textos en el lenguaje HTML, tambien recalcando las 2 formas de representación de color en el HTML ya sea por código Hexadecimal o simplemente por los nombres de los colores traducidos al Ingles.


0 comentarios:

En este vídeo Tutorial se muestra la facilidad y rapidez de aplicar las etiquetas de formato de texto en HTML, siendo estas muy importante...

Video-Tutorial 2 del curso de HTML básico (Formatos de Texto).

En este vídeo Tutorial se muestra la facilidad y rapidez de aplicar las etiquetas de formato de texto en HTML, siendo estas muy importantes para diferentes características que queremos dar al texto en determinados momentos. en este vídeo se mostrara como hacer que el texto se vea en formato cursiva,  negrita, subrayado, tachado y también en forma de sub-indices y supra-indices de manera fácil en el lenguaje HTML.

0 comentarios: