Apuntes HTML y CSS

***Curso HTML_01 ###Go!!###
Editor de html
extensión html o htm
ver conexión entre URL y localhost
Los comentarios (no salen en la página web) son =

***Curso HTML_02
Etiquetas (siempre dentro de la etiqueta 'body')
... = para párrafos.
... = para titulares.

***Curso HTML_03
Listas:
-Desordenadas (con viñetas) = ...
Para cada elemento de lista= ...
-Ordenadas (enumeradas) =...
Para cada elemento de la lista= ...
//F5 = Actualiza el navegador
Barras de navegación (?)

***Curso HTML_04
Tabulaciones: de distintos espacios
Etiqueta para controlar el formato del texto < /br>
Etiqueta con pre-formato ... útil para hacer esquemas o listas.

***Curso HTML_05
Tabulaciones:
Etiqueta ...
Se implementan filas!
...
...
Atributo colspan: ... (expande columna)Atributo rowspan: ... (expande fila)

***Curso HTML_06
Clases de hipervínculos:
+Enlaces de textos o imágenes
Las etiquetas necesitan el atributo "href" habilita el enlace y sirve para especificar la ruta del archivo que va a ser enlazado. Ej:
...
...
Directorio=Carpeta
Para acceder a un archivo dentro de un subdirectorio:
...
Para acceder a un archivo de nivel superior:
...
/ = slash =barra oblicua
+Anclas
+Enlaces a emails

***Curso HTML_07
Anclas ->Para habilitar un enlace dentro de la página web presente. Ejemplo:
Se establece el ancla:
...
Y si queremos hacer un enlace a esta referencia:
...

***Curso HTML_08
Estilos de texto
Cambios físicos:
... negrita
... itálica
... subrayada
... tacha el texto
... cada caracter ocupa el mismo espacio
Cambios lógicos... para hacer énfasis
... para destacar el texto
...para ver código fuente (letra monofásica)

***Curso HTML_09
Para insertar imágenes:
Etiqueta abierta:

***Curso HTML_10
Dentro de la tag
Tag : sirve para proporcionar data a un navegador, buscador, directorios, etc.
codificación de caracteres: iso-8859-1


(Para que aparezca cuando salga en la búsqueda de un navegador)(Palabras claves en la página y que le servirán al navegador)
Le dice al sw del navegador que entre a esa página y que la indexe.
Se registra el autor de la página web.
Avisa a los buscadores para que vuelvan por contenido nuevo.

***Curso HTML_11
Después de matrices, Formularios!!
atributo método con el que PHP va a levantar datos de formulario? y atributo action: dónde se encuentra elscript de php?



___________________________________________________________________________________________________________________

Apuntes de CSS ### Curso básico Falcon Masters###

(1)---Introducción y Estructura:
selector {atributo: valor_atributo;}
h1 {
color:red;
}
O introducimos en la página de código html
Código CSS

Conexión con hoja de html con hojas de estilos:

En lapág de html, escribimos:


@import "estilos.css;

(2)---Formato de textos:
body{
color: #00FFFF;
font-family: arial, cambria;
font-size: 30px;
font-size: 20pt;
text-aligne: center;
text-aligne: right;
text-transform: uppercase;
text-transform: lowercase;
text-transform: capitalize;
}

a {
text-decoration: none; (es para quitarle el subrayado!)
text-decoration: underline; (espara agregarle subrayado!)
text-decoration: overline; (es para agregarle una línea arriba!)
text-decoration: through; (es para tachar la palabra!)
}
en html -> letras en el navegador
Es un link

en css -> span {
color: #0489B1;
}

(3)---Fondos:

en hoja css, selector body:

body{
background-image: url(dibujo.jpg); --> Si está en la misma carpeta!!

background-repeat: no-repeat;background-repeat: repeat-x;
background-repeat: repeat-y;

background-position: 50, 50;
background-position: 50%, 50%; (centrada a lo largo del doc. Se mueve el scroll, se mueve la imagen)
background-position: top;
background-position: bottom;
background-position: right;
background-position: left;

background-attachment: scroll; (por defecto)
background-attachment: fixed; (la imagen...