HTML Parte1

Resumen de html
Inicio :
1)
Estrucctura de una pagina :
pseudocodigo
<nombre de la codificacin>
<cabecera>
<titulo> escribimos el titulo de la pagina <fin del titulo>
<fin de la cabecera>
<cuerpo>
<fin del cuerpo>
<fin_del nombre de la codificacion>
Codificado:
<html>
<head>
<title> primera pagina </title>
</head>
<body>
</body>
</html>
2) Formas de las sentencias para cada etiqueta:
<etiqueta atributos1 = atributos2 = atributos3 =atrib.=> </etiqueta>
3) Encabezados:
Tenemos los siguientes:
Jerarqua = menor tamao mayor tamao
h6 h5 h4 h3h2h1
formato para los encabezados:
< hi>palabras a escribir </hi> ; donde , i={1,2,3,4,5,6 }
4) Como ubicar un texto o una frase en nuestra pagina:
Recordar : align ,es un atributo
 ..texto //ubica en el centro
 ..texto //ubica en el lado izquierdo
 ..texto //ubica en el lado derecho
Observacin: texto//me crea un doble salto de lnea
5) Como colocar una lnea:
<hr>//si lo colocamos asi sin atributos nos genera una lnea horizontal en toda la
pagina
..pero
Si ponemos <hr size = 3 width= 50% >
Size=determina el grosor de la lnea
Width=porcentaje de la linea
Ademas: <hr size = 3 width= 50% align =centro izqui derech >
<hr size ="3" width=50%>
El fracaso no me sobrecoger si mi perseverancia para alcanzar el xito es lo

suficientemente poderosa Og Mandino
6)
Si quisiramos escribir un texto con sangra osea algo asi :
Seor jose :
(*)
Atte moiss rejets le doy
me comunico ante usted
..
.
Solamente agregamos la etiqueta :blockquote ;asi escribimos asi,nos saldra como escribimos
en(*):
Seor jose :
<blockquote>
Atte. moiss rejets le doy
me comunico ante usted
</blockquote>
7) Salto de linea :
texto texto
8) Como agregar una direccion o un comentario al final de la pagina :

Ejemplo:
<address>
Autor:webside@hotmacol 
URL:http//www.ieeesb.etsit.unp
</address>
9) Como agregar una imagen : *primero se debe de guardar en la carpeta en donde esta
guardado nuestro arhivo (HTML) las imgenes que se usaran en la pagina y luego la
codificacion es la siguiente : <img src = nombre_de_la imagen . extensin_de_la imagen >
Extensin{gif,jpg}
10) Como centrar una frase ,imagen , etc:
<center>texto,imagen,etc..</center>
11) Como crear un texto con hipervnculo asi :
<a href= direccion > /* href.:es el atributo onde se coloca la direccion ejemplo :
(http://www.otroservidor.com/hobbies/index.html)
texto sencible del hiperenlace
</a>
12) Anclas : sirve para que nos enve a una parte de nuestra pgina:
Asi --> <h2> { <a href="#tope">} Trinity Blood</h2>
Lo que esta en {.,,,,,} es un ancla que le estamos agregando al titulo Trinity Blood luego
escribimos en el transcurso de nuestra pagina : <a name="tope"></a>al inicio</a> que es
la forma de que nuestra pagina nos envie directamene hacia donde se ubique la frase :
Trinity Blood
cada vez que demos clic en la frase: al inicio.
13) Atributo title: para que sirve?
Sirve para que nos dea informacin mas detallada osea : al pasar con el Mouse por un
hipertexto nos mostrara un mensaje tal vez de ayuda.
codigo:
title =mensaje que queramos decir
14) Atributos de letra tenemos :
*letra 
negrita ==
* letra
cursiva ==
* <strike>letra a tachar</strike> tachada <s> letra a tachar</s>
*<big>frase </big>
/*aumentamos de tamao la frase ;ojo cuantos mas bigs
anidemos mas grade sera la letra.
*frase
/*disminuye el tamao de la frase =k el anterior
* texto 
/* texto subrayado
* super indice : ejemplo :
El 1er

*sub indice
:ejemplo:
El H2O
Tipos de letra
*<tt>main {} </tt> /*nos muestra las letras como codigo de programacin==<code>
15) Etiqueta font :
 i={1,2,3,4,5,6,7} ,,obvser: jerarkia segun el tamao:
7654321
Mayor-------- Menor
Tambien podemos anidar asi:
Sleep Nedds Placebo Listen......
Otra etiqueta importante es :<basefont size=i> i={1,2,3,4,5,6,7} ,,obvser: jerarkia
segun el tamao:
7654321
Mayor-------- Menor
Ojo: esta etiketa sirve para darle tamao a todo el texto y se escribe despus del body.

RR+ 00 FF
BB+ azul
GG+ verde
O tambien

<pre> frase---- </pre>
/*frase ,va ha estar escrito tal como lo escribo
Tildes para caracteres
&[carater ]acute ; /*observar: lo que esta con azul es la sintaxis
Para la
&[carater ]tilde ; /*observar: lo que esta con azul es la sintaxis

<LI>Ftbol
<LI>Baloncesto fdf
<LI>Tenis
<LI>etc.
</UL>
b) listas odenadas
Sintaxis:
Yo practico:
<ol>
<LI>Ftbol
<LI>Baloncesto
<LI>Tenis
<LI>etc.
</ol>
Em este caso me van a aparece la lista com uma enumeracion
c) listas de glosario
Sintaxis:
Yo practico:
<dt>
<dd>Ftbol
<dd>Baloncesto
<dd>Tenis
<dd>etc.
</dt>
En este caso me van a aparece la lista con una sangria

d) Listas anidadas
<MENU>
<LI>Un nuevo Internet: IPv6
<LI>El WWW cobra vida: ha llegado el
HTML dinmico
<LI>Qu ordenador comprarse:
<OL>
<LI>CPU rpida. Con las siguientes
caractersticas:
<UL>
<LI>Procesador Pentium 166
<LI>CD-ROM 8x
<LI>Tarjeta de sonido 16 bits
<LI>Tarjeta de vdeo con 2 Mb
</UL>
<LI>Impresora a color de buena
definicin.
<LI>Altavoces y cmara de vdeo.
<LI>Escaner color.
<LI>Mdem de velocidad 28K o
superior.
</OL>
</MENU>
Descripcin
El codigo <menu> </menu> /* lo que va ha hacer es de anidarme en una lista ,ademas
soporta <li>para agragar asu lista ,ademsa va a tener la misma sintaxis que <ul>-</ul>
17)
Comentarios en html

18) Fondo de color para la pgina:
Ester codigo va ha ir junto con el <body bgcolor= red > o <body bgcolor=#ffgg00>
<body text= red >/* daria el color para la s letras del texto en general
<body link= red >/*cambia el olor del hiperenlace
<body vlink= red >/*cambia el color para los hiperenlaces ya visitados
<body alink= red >/*cambia el color para los hiperenlaces al presionarlos
19)
Fondos de pagina
<body background =xxx0.jpg >
1..<img src="imagenes/chistera.gif"><h2>LA CHISTERA-Humor y magia</h2>
2..<h2><img src="imagenes/chistera.gif">LA CHISTERA-Humor y magia</h2>
Observacin:
Verificar que no es lo mismo el 1 er, con el 2do codigo
30)
codigo para ubicar una imagen: con respecto a un texto .. /por ejemplo:
<img src=.jpg align=middle>
imagen
top
imagen
bottom
align= middle
se coloca la imagen en medio del texto osea ,la imagen se coloca a la mitad de la imagen.
31)
Texto envolvente:::
Este va ha hacer que < img=src= align =left> O< img=src= align =left>

La imagen que colok tanto en la izkierda o derecha;ya ha ser envuelto o rellenado por el testo
k lo acompae hasta k la imagen termine su tamao..
Para saltar de linea antes que acabe el tamao de la imagen;
 fuerza a dar un salto hacia el margen izquierdo
 fuerza a dar un salto hacia el margen derecho
 fuerza al primer margen libre
32)
Como generar margenes para la imagen
<img align=left vspace=35 hspace=35>
Vspace/****** para la parte vertical
Hspace/****** para la parte horizontal
Atributos para la imagen : hace k al hacerlo la imagen un hiperenlace ,esta no tenga un
borde k lo sombree como tal..
< border=0>
33) como manejar el tamao de la imagen:
Pues con los atributos :::<width= height= >
Si no se pudiera cargar nuestra imagen entonces lo k hacemos es enviar un mensaje para
ello lo que se hace es poner el atributo <alt=mensaje>

HTML Parte1

Caricato da

Informazioni sul documento

Copyright

Formati disponibili

Condividi questo documento

Condividi o incorpora il documento

Opzioni di condivisione

Hai trovato utile questo documento?

Questo contenuto è inappropriato?

Copyright:

Formati disponibili

HTML Parte1

Caricato da

Copyright:

Formati disponibili

Resumen de html

El fracaso no me sobrecoger si mi perseverancia para alcanzar el xito es lo

Si quisiramos escribir un texto con sangra osea algo asi :

8) Como agregar una direccion o un comentario al final de la pagina :

El fracaso no me sobrecoger si mi perseverancia para alcanzar el xito es lo

El fracaso no me sobrecoger si mi perseverancia para alcanzar el xito es lo

El fracaso no me sobrecoger si mi perseverancia para alcanzar el xito es lo

El fracaso no me sobrecoger si mi perseverancia para alcanzar el xito es lo

Potrebbero piacerti anche