Ayuda - Webmaster Foros
!Bienvenid@¡

Encuentra Aportes de Diseño & Desarrollo Web, para colocar tus aportes crea una nueva cuenta.

¡Que la pases bien y hasta pronto!

HTML basico

Ir abajo

HTML basico

Mensaje por Orbe el Dom 25 Mar - 14:54

Estructura basica de HTML:

Código HTML:
Código:
<!DOCTYPE> (eso va con mas info solo que en este post no lo veremos)
<html>

<head>
 
<!--------Encabezado de la página - aquí se coloca titulo, metatags,
e informacion para buscadores entre otras cosas.
Está información no es visible.---->

<title> xat ayuda </title>

</head>

<body>

<!-------Dentro de esta etiqueta va toda la parte
visible de la página web.---->

<hl>Chat Orbe</hl>

<p> Solo ayuda referida a chat-orbe</p>

</body>

</html>
Nota: las etiquetas se abren con la palabra y se cierra con / y la palabra ejemplo:

Código HTML:
Código:
<head> </head>


Última edición por Orbe el Dom 25 Mar - 15:00, editado 1 vez

_________________
chatdelmundo.wapego.net
avatar
Orbe
Mod. Global
Mod. Global

Mensajes : 388

http://chatdelmundo.wapego.net

Volver arriba Ir abajo

Re: HTML basico

Mensaje por Orbe el Dom 25 Mar - 14:55

ALGUNOS ATRIBUTOS DEL BODY

Código HTML:
Código:
<body bgcolor=?>
Configura el color de fondo de la página, usando el valor del código de color hexadecimal.
Código HTML:
Código:
<body text=?>
Configura el color por defecto del texto, usando el valor del código de color hexadecimal.
Código HTML:
Código:
<body link=?>
Configura el color de las ligas, usando el valor del código de color hexadecimal.
Código HTML:
Código:
<body vlink=?>
Configura el color de las ligas visitadas, usando el valor del código de color hexadecimal
Código HTML:
Código:
<body alink=?>
Configura el color de las ligas al darle clic, usando el valor del código hexadecimal.

_________________
chatdelmundo.wapego.net
avatar
Orbe
Mod. Global
Mod. Global

Mensajes : 388

http://chatdelmundo.wapego.net

Volver arriba Ir abajo

Re: HTML basico

Mensaje por Orbe el Dom 25 Mar - 14:56

ETIQUETAS DE TEXTO

Código HTML:
Código:
<pre></pre>
Texto pre-formateado
Código HTML:
Código:
<hl></hl>
Título más grande
Código HTML:
Código:
<h6></h6>
Título más pequeño
Código HTML:
Código:
<b></b>
Negritas
Código HTML:
Código:
<u></u>
Subrayado
Código HTML:
Código:
<i></i>
Cursivas
Código HTML:
Código:
<tt></tt>
Tipo máquina de escribir
Código HTML:
Código:
<cite></cite>
Cita, en cursiva
Código HTML:
Código:
<em></em>
Resalta una palabra, negrita o cursiva
Código HTML:
Código:
<strong></strong>
Resalta una palabra o grupo de palabras
Código HTML:
Código:
<font face=?></font>
Coloca el tipo de letra: por ejemplo, arial, verdana, courier,etc.
Código HTML:
Código:
<font size=?></font>
Coloca tamaño de letra, de 1 a 7
Código HTML:
Código:
<font color=?></font>
Configura el color, usand valor hexadecimal o nombre directo (blue, green, etc.)

_________________
chatdelmundo.wapego.net
avatar
Orbe
Mod. Global
Mod. Global

Mensajes : 388

http://chatdelmundo.wapego.net

Volver arriba Ir abajo

Re: HTML basico

Mensaje por Orbe el Dom 25 Mar - 14:56

ENLACES

Código HTML:
Código:
<a href="URL"></a>
Hipervínculo
Código HTML:
Código:
<a href="mailto:EMAIL"></a>
Hipervínculo mailto (para envío de correo)
Código HTML:
Código:
<a name="name"></a>
Ancla en el mismo documento
Código HTML:
Código:
<a href="#name"></a>
Liga hacia algún lugar dentro del mismo sitio


Última edición por Orbe el Dom 25 Mar - 14:57, editado 1 vez

_________________
chatdelmundo.wapego.net
avatar
Orbe
Mod. Global
Mod. Global

Mensajes : 388

http://chatdelmundo.wapego.net

Volver arriba Ir abajo

Re: HTML basico

Mensaje por Orbe el Dom 25 Mar - 14:57

FORMATO Y PRESENTACION

Código HTML:
Código:
<p></p>
Nuevo párrafo
Código HTML:
Código:
<p align=?>
Alinea el párrafo hacia la izquierda, derecha o al centro
Código HTML:
Código:
<br>
Inserta un interlineado suave. Crea otra línea
Código HTML:
Código:
<blockquote>
</blockquote>
Texto indentado de ambos lados
Código HTML:
Código:
<dl></dl>
Lista de definiciones (glosario)
Código HTML:
Código:
<dt>
Precede a cada término en definiciones
Código HTML:
Código:
<dd>
Precede cada definición
Código HTML:
Código:
<ol></ol>
Lista ordenada
Código HTML:
Código:
<li></li>
Entrada en una lista
Código HTML:
Código:
<ul></ul>
Lista con viñetas sin ordenar
Código HTML:
Código:
<div align=?>
Para formato a porciones grandes del documento html, incluyendo hojas de estilo

_________________
chatdelmundo.wapego.net
avatar
Orbe
Mod. Global
Mod. Global

Mensajes : 388

http://chatdelmundo.wapego.net

Volver arriba Ir abajo

Re: HTML basico

Mensaje por Orbe el Dom 25 Mar - 14:57

GRAFICOS

Código HTML:
Código:
<img src="url">
Incorpora una imagen
Código HTML:
Código:
<img src="url" align=?>
Alinea la imagen: izquierda, derecha y centro
Código HTML:
Código:
<img src="url" border=?>
Determina el contorno de la imagen. Un valor 0 no tendrá contorno
Código HTML:
Código:
<map></map>
Mapa de imágenes
Código HTML:
Código:
<body background="URL o ruta de archivo"></body>
Coloca la imagen como fondo de la página
Código HTML:
Código:
<hr>
Linea horizontal
Código HTML:
Código:
<hr size=?>
Tamaño de una linea horizontal
Código HTML:
Código:
<hr width=?>
Ancho de linea horizontal, ya sea porcentaje o valor absoluto.
Código HTML:
Código:
<hr noshade>
Linea horizontal sin sombra

_________________
chatdelmundo.wapego.net
avatar
Orbe
Mod. Global
Mod. Global

Mensajes : 388

http://chatdelmundo.wapego.net

Volver arriba Ir abajo

Re: HTML basico

Mensaje por Orbe el Dom 25 Mar - 14:58

TABLAS

Código HTML:
Código:
<table></table>
Crea tabla
Código HTML:
Código:
<tr></tr>
Crea filas en una tabla
Código HTML:
Código:
<td></td>
Crea celda en una fila
Código HTML:
Código:
<th></th>
Encabezado de tabla, texto normal, negrita y centrado

Atributos de Tablas

Código HTML:
Código:
<table border=#>
Coloca contorno en las celdas de la tabla
Código HTML:
Código:
<table cellspacing=#>
Espacio entre las celdas de una tabla
Código HTML:
Código:
<table cellpadding=#>
Espacio entre el contorno de una celda y su contenido
Código HTML:
Código:
<table width=# or %>
Ancho de la tabla, en pixeles o porcentaje del ancho de la página
Código HTML:
Código:
<tr align=?> or <td align=?>
Alineación para las celdas, izquierda derecha, centro
Código HTML:
Código:
<tr valign=?> or <td valign=?>
Alineación vertical de las celdas, arriba, abajo,enmedio
Código HTML:
Código:
<td colspan=#>
Expansión de una celda, en número de columnas
Código HTML:
Código:
<td rowspan=#>
Expansión de una celda, en número de celdas
Código HTML:
Código:
<td nowrap>
Texto continuo dentro de una celda

_________________
chatdelmundo.wapego.net
avatar
Orbe
Mod. Global
Mod. Global

Mensajes : 388

http://chatdelmundo.wapego.net

Volver arriba Ir abajo

Re: HTML basico

Mensaje por Orbe el Dom 25 Mar - 14:58

FRAMES (marcos)

Código HTML:
Código:
<frameset></frameset>
Substituye a la etiqueta HTML body en documentos con frames. Puede insertarse en otros framesets
Código HTML:
Código:
<frameset rows="value,value">
Número de lineas en un frameset, usando pixeles o porcentaje de ancho
Código HTML:
Código:
<frameset cols="value,value">
Número de columnas en un frameset, usando pixeles o porcentaje de ancho
Código HTML:
Código:
<frame>
Frame singular dentro de un framset
Código HTML:
Código:
<noframes></noframes>
Texto que aparecerá en navegadores que no soportan frames

Atributos de Frames

Código HTML:
Código:
<frame src="URL">
Especifica que página html se muestra
Código HTML:
Código:
<frame name="name">
Nombra al frame para que sea identificado por otros frames y accesado
Código HTML:
Código:
<frame marginwidth=#>
Margen izquierdo y derecho de un grame, debe ser igual o mayor que 1
Código HTML:
Código:
<frame marginheight=#>
Margen superior e inferior de un grame, igual o mayor a 1
Código HTML:
Código:
<frame scrolling=VALUE>
Determina si un frame tiene barra de desplazamiento, Puede ser yes, no, auto, el cual es por defecto
Código HTML:
Código:
<frame noresize>
No permite al usuario modificar el tamaño de un frame

_________________
chatdelmundo.wapego.net
avatar
Orbe
Mod. Global
Mod. Global

Mensajes : 388

http://chatdelmundo.wapego.net

Volver arriba Ir abajo

Re: HTML basico

Mensaje por Orbe el Dom 25 Mar - 14:59

FORMAS

Código HTML:
Código:
<form></form>
Forma
Código HTML:
Código:
<select name="name"></select>
Menú desplegable
Código HTML:
Código:
<option>
Opción del menú desplegable
Código HTML:
Código:
<textarea name="name" cols=40 rows=8></textarea>
Crea una caja de texto, columnas es el ancho y las lineas la altura (cols y rows)
Código HTML:
Código:
<input type="checkbox" name="name">
Crea un checkbox.
Código HTML:
Código:
<input type="radio" name="name" value="x">
Crea botón de radio.
Código HTML:
Código:
<input type=text name="name" size=20>
Crea una opción de texto para entrada de información o despliegue
Código HTML:
Código:
<input type="submit" value="name">
Crea botón de envío de forma tipo submit
Código HTML:
Código:
<input type="image" border=0 name="name" src="name.gif">
Crea botón de envío con imagen
Código HTML:
Código:
<input type="reset">
Crea botón de limpieza (reset). Vacía la forma

_________________
chatdelmundo.wapego.net
avatar
Orbe
Mod. Global
Mod. Global

Mensajes : 388

http://chatdelmundo.wapego.net

Volver arriba Ir abajo

Re: HTML basico

Mensaje por Contenido patrocinado


Contenido patrocinado


Volver arriba Ir abajo

Volver arriba

- Temas similares

 
Permisos de este foro:
No puedes responder a temas en este foro.