Etiquetas Basicas de Html. para Principiantes

6/5/2018 Etiquetas basicas de html. Para principiantes - HTML - SMFSimple.
com
HOME FORUM DOWNLOADS THEMES TUTORIALS PRIVATE SUPPORT
Tags Login Register
SMFSimple.com Forum DESARROLLO WEB Programación HTML Etiquetas basicas de html. Para principiantes
19 58413 7
Points Times Read Replies
Pages: [1]
Topic: Etiquetas basicas de html. Para principiantes
Etiquetas basicas de html. Para principiantes

July 09, 2013 - 09:48 09:48
Etiquetas basicas de html
HTML es el lenguaje por el cual construimos una página web. Este lenguaje se basa principalmente en etique
cuales vamos construyendo los diferentes apartados de nuestra web. Es imprescindible conocer estas etique
Usuario: Lean funcionamiento para poder crear o al menos modi car una página web.
Rango: Fundador
Mensajes: 6782
Points: 228
* <HTML>: indica el comienzo del documento HTML.
Per l:
* <HEAD>: indica que empieza la cabecera de la página. En ella se suele poner el título (<title> de la web, una descripción
Pais: informaciones relacionadas con el contenido de la página.
* <BODY>: es el cuerpo de la página, donde va lo que se ve en el navegador al cargar una web. En el body van los textos,
y todos los contenidos de la web.
* <H1>, <H2>, etc.: son los títulos o encabezados. Se utilizan para establecer determinados textos de la página como titul
tener un tamaño de fuente mayor para diferenciarlos del resto del texto. Son importantes en el posicionamiento en busc
* <A>: de ne los enlaces.
* <TABLE>: es una tabla, y dentro de esta tenemos las <TR> y celdas <TD>.
* <P>: el texto dentro de esta etiqueta forma un párrafo.
* <IMG>: imágenes.
* <BR />: salto de línea.
* <UL>: los textos dentro de esta etiqueta se estructuran en listas. Mediante el uso de <LI> de nimos cada guión dentro
usando <OL> en lugar de <UL> tendremos listas ordenadas.
* <B> y <STRONG>: se utilizan para resaltar el texto.
* <U>: texto subrayado.
* <I>: texto en cursiva.
Ejemplo de página básica
<html>
<head>
<title>Título de la página</title>
</head>
<body>
<h1>Encabezado de la página</h2>
<h3>Encabezado de menor tamaño</h3>
<p>Este es el texto de un párrafo.</p>
<p>Este es el texto de otro párrafo. Dentro de este párrafo,
pueden ir palabras <b>en negrita</b>, <i>en cursiva</i> o lo
que quieras.</p>
<p>También podemos poner listas como la siguiente:</p>
This site needs cookies to work, by use it, you agree to this. Este sitio necesita cookies para trabajar, usándolo aceptas esto. OK Learn more
<ul>
<li>Guión número uno.</li>
https://www.smfsimple.com/index.php?topic=9112.0 1/5
6/5/2018 Etiquetas basicas de html. Para principiantes - HTML - SMFSimple.com
<li>Guión número dos.</li>
<li>Guión número tres.</li>
</ul>
</body>
</html>
Quedaria asi: (Abrir spoiler)
Show content
Consejo de Atributos
<body bgcolor=?>
Establece el color de fondo, usando nombres o valores hex
<body text=?>
Establece el color del texto, usando nombres o valores hex
<body link=?>
Establece el color de los enlaces, usando nombres o valores hex
<body vlink=?>
Establece el color de los enlaces, usando nombres o valores hex
<body alink=?>
Establece el color de los enlaces con un clic
Etiquetas de texto
<pre> </ pre>

Crea texto preformateado
<h1> </ h1>
Crea un título grande
<h6> </ h6>
Crea un título pequeño
<b> </ b>
Crea texto en negrita
<i> </ i>
Crea texto en cursiva
<tt> </ tt>
Crea, o máquina de escribir estilo de texto-teletipo
<cite> </ cite>
Crea una cita, por lo general en cursiva
<em> </ em>
Hace hincapié en la palabra (con cursiva o negrita)
<strong> </ strong>
Hace hincapié en la palabra (con cursiva o negrita)
Enlaces
<a href="URL"> </ a>
Crea un hipervínculo
<a href="mailto:EMAIL"> </ a>
Crea un enlace de correo
<a name="NAME"> </ a>
Crea una ubicación de destino dentro de un documento
<a href="#NAME"> </ a>
Enlaces a ese lugar de destino en otra parte del documento
Formato
<p></p>
Crea un nuevo párrafo
<p align=?>
Alinea un párrafo a la izquierda, derecha o al centro
<br />
Inserta un salto de línea
<ol> </ ol>

Crea una lista numerada
<li> </ li>
Precede a cada elemento de la lista, y añade un número
<ul> </ ul>
Crea una lista con viñetas
Elementos grá cos
<img src="name">
Agrega una imagen
<img src="name" align=?>
Alinea una imagen: izquierda, derecha, centro;, superior, medio fondo
<img src="name" border=?>
Ajusta
This site needs cookies to tamaño
work, by delagree
use it, you borde alrededor
to this. de unacookies
Este sitio necesita imagen
para trabajar, usándolo aceptas esto. OK Learn more
<hr />
Inserta una regla horizontal
<hr size=?>
Establece el tamaño (altura) de la regla
<hr width=?>
Establece la anchura de la regla, en porcentaje o valor absoluto
Tablas
<table> </ table>

Crea una tabla
<tr> </ tr>
marcha cada la en una tabla
<td> </ td>
Pone en marcha cada celda de una la
<th> </ th>
Pone en marcha la cabecera de la tabla (una celda normal, con negrita, texto centrado)
Atributos de la tabla
<table border=#>
Establece el ancho de borde alrededor de celdas de la tabla
<table cellspacing=#>
Ajusta la cantidad de espacio entre las celdas de la tabla
<table cellpadding=#>
Ajusta la cantidad de espacio entre el borde de una celda y su contenido
<td colspan=#>
Establece el número de columnas de una celda debe abarcar
<td rowspan=#>
Establece el número de las de una célula debe abarcar (por defecto = 1)
<td nowrap>
Evita las líneas dentro de una célula se rompa para adaptarse a
Formularios
Para las formas funcionales, tendrá que ejecutar un script CGI. El HTML sólo crea la apariencia de un formulario.
<form> </ form>
Crea todas las formas
<select name="nombre" múltiples size=?> </ select>
Crea un menú desplegable. Tamaño establece el número de elementos de menú visible antes de yo u necesidad d
desplazarse.
<option>
Pone en marcha cada elemento de menú
<select name="NAME"> </ select>
Crea un menú desplegable
<textarea name="nombre" cols=40 rows=8> </ textarea>
Crea un área de la caja de texto. Establecer el ancho de las columnas, las ajustar la altura.
<input type="checkbox" name="NAME">
Crea una casilla de veri cación. Texto siguiente etiqueta.
<input type="radio" name="nombre" value="x">
Crea un botón de radio. Texto sigue etiquetas
<input type=text name="foo" size=20>
Crea una línea de texto y un área. Tamaño establece la longitud, en caracteres.
<input type="submit" value="NAME">
Crea un botón Enviar
<input type="image" border=0 name="NAME" src="name.gif"> type="image"
Crea un botón Enviar con una imagen
<input type="reset">
Crea un botón de reinicio
AGREGAR A FAVORITOS
You do not have permission to give points
Users who gave points in this topic » eva24 (1 Pts) » EduardO (6 Pts) » nodensdorian (6 Pts) » Snoopix (3 Pts) » Príncipe_Azul (3 Pts)
Re:Etiquetas basicas de html. Para principiantes

Reply #1 July 09, 2013 - 11:38 11:38
Gracias,, nos vendrá muy bien a much@s
Un saludo
Usuario: eva24
Rango: Recién Llegada
Mensajes: 17
Points: 0
Mi web:
Per l: This site needs cookies to work, by use it, you agree to this. Este sitio necesita cookies para trabajar, usándolo aceptas esto. OK Learn more

Reply #2 July 09, 2013 - 11:39 11:39
Quote from: eva24 on July 09, 2013 - 11:38 11:38
Gracias,, nos vendrá muy bien a much@s
Un saludo
Gracias a vos por comentar!

Usuario: Lean
Rango: Fundador
Mensajes: 6782
Points: 228
Per l:
Pais:

Reply #3 July 09, 2013 - 12:20 12:20
Usuario: EduardO
Rango: Nuevo Usuario De nitivamente eres un Crack Lean. Felicitaciones +6 Puntos y Favoritos!
Mensajes: 875
Me sirvirá de mucho. Muchas gracias por compartir!
Points: 14
Saludos!
Mi web:
Per l:
Pais:

Reply #4 July 23, 2013 - 11:42 11:42
Fooo, Genial! Por n tengo tiempo de verlo con detenimiento. Hay un par de etiketas que no conocía, ya lo tengo en word
ahora me resta estudiarlo, que es lo más pesado si no me distrae la mosca que vuela, jajaja. Excelente Lean-sensei, espe
artículo sobre este lenguaje.
Usuario: nodensdorian Abrazos!

Rango: Nuevo Usuario
Mensajes: 207
Points: 27
Mi web:
Per l:

Reply #5 July 23, 2013 - 03:49 15:49
Usuario: nikooo14
Rango: Excelente User lnnxoiansxnas al mas de alguno les servirá jjaa
Mensajes: 235
Points: 122
Mi web:
Per l:
Pais:

Reply #6 July 23, 2013 - 04:26 16:26
ifugoefugieruggdfdf
Usuario: Lean
Rango: Fundador
Mensajes: 6782
Points: 228
Per l:
Pais:

Reply #7 June 05, 2015 - 09:54 09:54
gracias por la información útil
Usuario: mani ghter

Rango: Recién Llegado
Mensajes: 2
Points: 0
Mi web:
Per l:
Pais:
Pages: [1]
SMFSimple.com Forum DESARROLLO WEB Programación HTML Etiquetas basicas de html. Para principiantes
Jump
TAGS
signi cado cat 152174688 135475266 hqsdaekanwhoze- search

68445247 principiante pgin 53899372
b2w usadas ser importantes atributos pagina documento utilizadas todos j7quwnxyavga5nqpxqt
SMF 2.0.13 | SMF © 2011, Simple Machines Smfsimple.com es un sitio destinado a brindar un
Soporte Privado | Como Descargar herramientas para foros realizados con el sist
simplemachines.org. Contamos con un selecto equipo
Page created in 0.486 seconds with 45 queries. conocedores del sistema, sus foros estara
This site is not a liated with or endorse

Etiquetas Basicas de Html. para Principiantes - HTML

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Etiquetas Basicas de Html. para Principiantes - HTML

Cargado por

Copyright:

Formatos disponibles

6/5/2018 Etiquetas basicas de html. Para principiantes - HTML - SMFSimple.

HOME FORUM DOWNLOADS THEMES TUTORIALS PRIVATE SUPPORT

Tags Login Register

Topic: Etiquetas basicas de html. Para principiantes

Etiquetas basicas de html

* <A>: de ne los enlaces.

* <P>: el texto dentro de esta etiqueta forma un párrafo.

* <BR />: salto de línea.

* <B> y <STRONG>: se utilizan para resaltar el texto.

* <U>: texto subrayado.

* <I>: texto en cursiva.

Ejemplo de página básica

Quedaria asi: (Abrir spoiler)

<pre> </ pre>

<ol> </ ol>

Elementos grá cos

<table> </ table>

You do not have permission to give points

Re:Etiquetas basicas de html. Para principiantes

Gracias,, nos vendrá muy bien a much@s

Re:Etiquetas basicas de html. Para principiantes

Quote from: eva24 on July 09, 2013 - 11:38 11:38

Gracias,, nos vendrá muy bien a much@s

Gracias a vos por comentar!

Re:Etiquetas basicas de html. Para principiantes

Re:Etiquetas basicas de html. Para principiantes

Usuario: nodensdorian Abrazos!

Re:Etiquetas basicas de html. Para principiantes

Re:Etiquetas basicas de html. Para principiantes

Re:Etiquetas basicas de html. Para principiantes

gracias por la información útil

Usuario: mani ghter

signi cado cat 152174688 135475266 hqsdaekanwhoze- search

También podría gustarte