3 Bim Informática

HTML puede utilizar 6 encabezados De <H1> a <H6> <br> salto en lnea BMP convertir a png <img> <img src="link"/>
; Para acentos en codificacin latina: METAS: metatags; sirve a navegadores y a buscadores para saber qu tipo de info se va a encontrar. <meta http-equiv=Content-Type content=text/html; charset= UTF-8/> Todo lo que vas a ver lo tienes que poner en el body Carpetas bsicas en HTML * images * codes * styles (css) Dentro de html, pero sin carpetas se tiene index, pag 1, Index siemp re va en raz
La pagina principal de cualquier pgina es index.html Un servidor siempre trata de encontrar: (en ese orden) la primera que se encuentra es la qe abre 1. HTML 2. Php Para trabajar en HTML utilizamos etiquetas o tags < > Funcionan as: Empieza: <inicio> Termina: </inicio> Se pueden anidar etiquetas (tener unas dentro de otras) Siempre se deben cerrar y abrir en orden. Por convencin se utilizan maysculas.
Lo primero que se define es el tipo de documento que se va a leer: <!doctype html> Reglas para nombrar archivos 1. Minsculas 2. Sin espacios. Puedes utilizar guin bajo o guin medio. 3. Sin caracteres especiales Voltrink Todos los sitios web deben tener dos partes: head-Tipo de pgina, tipo de codificacin (qu puede leer), cdigos especiales de js que vayan a hacer alguna funcin especial Dice de qu manera vas a manejar la pgina. BodyTip: luego luego abres y ciertas tag para no olvidarlo y despus escribes en medio. Esqueleto de un sitio web: <!DOCTYPE HTML> (Este no es necesario cerrarlo porque slo define qu tipo de pgina es) <HTML> <HEAD> Siempre debe de tener el tag <TITLE> Es el que va a aparecer en el navegador. Como Facebook, Apple. ...' </HEAD> <BODY>
</BODY> </HTML> El indentado es muy importante

Colores CMYK para colores fsicos (impresos)
Hace que generes un canal extra de color. Para leer el cuarto canal, los monitores necesitan un procesador. La manera nativa de leer color de una compu es el RGB que son los colores luz. Un formato en CMYK no lo va a leer el navegador, aunque sea jpg y dems Resolucin que se debe usar e imgenes: Dpi= dots per inch Para impresin: 300 dpi mximo de resolucin que el ojo humano puede captar. Slo se puede averiguar abrindolo con un editor de imgenes
<b> </b> negritas <i> itlicas Listado: Se abre con <ul> el listado Cada vieta es con <li> <ol> es para numerar <u> subrayar Para comentar:  <!DOCTYPE HTML> <HTML> <HEAD> <TITLE> Flemticos </TITLE> </HEAD> <BODY> <ul>  <b><i><font size= "20px" color="#EE008E" face= "arial"> <li>Ponce</li></font></i></b> <li> efb</li> <ul> </BODY> </HTML> TABLAS Las medidas de las tablas pueden ser en pixeles o en porcentaje En pixeles el ancho queda fijo, para que sean una tabla lquida debe de ser en porcentaje El armado lquido es el ms adecuado para los sitios web pq va a funcionar bien en donde sea.
<table width ="30%" height ="500px" align = "center"/botom/top/right/left CSS Cascading Style Sheets Versin 3 es la actual. La diferencia es que acepta animaciones Las pginas actuales pueden ser en: jQuery: basado en js CSS Con CSS se pueden jalar libreras externas que tengan las fuentes que quieras aunque o sean las estndar , pero no se pueden visualizar en explorer 7 u otros navegadores SITE (carpetas bsicas) Img Fonts Css Scripts (no siempre debe de ir) CSS aplica sus estilos a travs de ID o selector; stos pueden ser: HTML Tag: Lo que se modifica son los tags normales Font, a, b, i, body, Todo lo que se encuntre en esos tags, el ID los va a modificar Tag personal: Afectan slo a lo que nosotros le digamos. <iframe width="360" height="270" src="http://www.youtube.com/embed/Wf_JYc5SBFI" frameborder="0" allowfullscreen=""></iframe> STYLE <!DOCTYPE> <HTML> <HEAD> <style> p {color: red; Selector text-align:center; propiedad (puede ser cualquiera) } valor (cambia de acuerdo a la propiedad) </HEAD> <BODY> <H1> Hola </H1> no va a ser afectado por el style <p> Hola mundo </p> </BODY> </HTML> * Sin espacios Hay dos formas principales para definir los estilos para el selector: ID identificador: Va a afectar a cualquier cosa que sea afectado por el gato. Definido por #selector <!DOCTYPE> <HTML> <HEAD> <style> #titulos{ Font-size:20px;
text-align:center; color:red; } </style> </HEAD> <BODY> <p ID=titulos>hola mundo </p> En HTML debe de llevar comillas </BODY> </HTML> <!DOCTYPE> <HTML> <HEAD> <style> #title{
p.especial{ funcionar en prrafos; no funcionar en headers text-decoration:underline; color:blue; text-align:right; font-size:32px; } </style> </HEAD> <BODY> <H1 CLASS="especial"> uyegfsdjn <H1> <p ID="title">hola mundo </p> <p CLASS="especial"> holiiii </p> <p> efwubhkds</p> </BODY> </HTML>
font-size:20px; text-align:center; color:red; }
Al poner p. indicas que slo puede
* Para comentar un estilo es dentro de las llaves: /* (inicio) */ (fin) Clase definido por .selector Color = color: red; Alineacin = text-align: center; Size = Font-size:20px; Fuente = Font-family:Verdana; Subrayar = text-decoration: underline Jalar desde archivo externo Hacerlo desde el mismo archivo en header Link es para llama dentro del header <!DOCTYPE> <HTML> <HEAD>
<style> #title{ font-size:20px; text-align:center; color:red; } text-decoration:underline; color:blue; text-align:right; font-size:32px; }
p.especial{
</style> </HEAD> <BODY> <H1 CLASS="especial"> uyegfsdjn <H1> <p ID="title">hola mundo </p> <p CLASS="especial"> holiiii <font size=20px> chicos </font> </p> <p style = "color:blue; font-size: 10px"> efwubhkds</p> </BODY> </HTML> Ligas absolutas: http://www.knv.nsdbc.kehfb Liga relativa: estilos.css Depende del archivo con que se est trabajando FONDO background{
repeat:none repeat x/y: true }
a.hover a.active a.visited li ul

3 Bim Informática

Cargado por

Información del documento

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

3 Bim Informática

Cargado por

Copyright:

Formatos disponibles

HTML puede utilizar 6 encabezados De <H1> a <H6> <br> salto en lnea BMP convertir a png <img> <img src="link"/>

</BODY> </HTML> El indentado es muy importante

font-size:20px; text-align:center; color:red; }

Al poner p. indicas que slo puede

<style> #title{ font-size:20px; text-align:center; color:red; } text-decoration:underline; color:blue; text-align:right; font-size:32px; }

repeat:none repeat x/y: true }

a.hover a.active a.visited li ul

También podría gustarte