html.& - aquiles garcia autocad...

HTML.&[email protected]!

Profe.!aquiles!garcia.!

Diseño!Web!

•  Se!divide!en!dos!temas:!

•  Back!end!!(Toda!esctructura!para!un!siBo!web)!!•  Front!end!(Programacion!del!siBo!web)!


diseño!con!el!código!html!!abrir!!block!de!notas!(buscar!en!win!8.1!)!la!eBqueta!principal!es!html!!!todas!la!eBquetas!van!!encerradas!con!<&&>los!signos!de!mayor!que!y!menor!que!

!y!tambien!hay!que!cerrar!todas!las!eBquetas!con!</html>!!!!


diseño!con!el!código!html!!!!!!Nota:!!!!!!Solo!con!la!pracBca,!es!como!aprenderán!bien!!!!!!!a!usar!el!codigo!de!HTML!!!!!!! !En!el!programa!de!asignatura!marca!que!vamos!a!ver! solamente! principios! de! HTML,! y! ustedes!incursionaran!si!quieren!saber!mas!de!todos!modos!yo! les!dejo!unos!manuales!mas!avanzados,!pero! lo!mas!avanzado!es!el!HTML!5!y!6!(el!flash!ya!esta!en!vías! de! desaparición! en! los! siBos! web! para! otros!temas!no)!

!!!


Escribe!lo!siguiente!en!tu!block!de!notas!y!lo!guardas!dos!veces!una!con!terminacion!.txt!!para!editar!el!archivo!y!otro!como!terminación!.html!(para!poder!visualizar!lo!que!vas!realizando)!!!<html>!!<head>!<Btle>!Mi!Primera!Pagina!</Btle>!</head>!!</html>!Aquí!solamten!es!para!poner!en!tutulo!en!la!parte!de!arriva!de!tu!siBo!web!lo!demas!queda!en!blanco!!!

diseño!con!el!código!html!


diseño!con!el!código!html!!en!la!eBqueta!de!Btle!es!en!la!que!vamos!a!poner!el!Btulo!de!nuestra!pagina!en!la!parte!de!arriba!!

!!!


<html>!!<head>!<Btle>!Mi!Primera!Pagina!</Btle>!</head>!!<body>!Curso!de!HTML!estoy!creando!mi!primera!pagina!AQUILES!!</body>!!!!</html>!

diseño!con!el!código!html!


Atributos&body&Bgcolor:!!!!!!!!!!!! !especifica!el!color!del!fondo!Background:!!! !ingresa!un!color!o!una!imagen!de!fondo!Text:!!!!!!!!!!!!!!! !indica!el!color!del!texto!Link: ! !color!del!enlace!no!visitado!Vlink: ! !color!del!enlace!visitado!Código&de&colores&Blanco!=!#FFFFFF!Amarillo=!#FFFF00!Rojo=!#FF0000!Azul=#0000FF!Verde=#00FF00!Negro=#000000!Cyan=#00FFFF!Gris=#C0C0C0!Azul!cielo=#3299CC!Gris!oscuro=#2F4F4F!Verde!oscuro=#2F4F2F!Turquesa=#7093DB!Purpura=#871f78!Naranja=#7F7F00!Magenta=#FF00FF!Marron=#A62A2A!


<html>!!<head>!<Btle>!Mi!Primera!Pagina!</Btle>!</head>!!<body!bgcolor="#2F4F2F"2F4F2F!text="#56dd21">!!Curso!de!HTML&estoy!creando!mi!primera!pagina!AQUILES!!</body>!!!!</html>!


EBqueta!hr&&<HR>&es!un!elemento!vacio!por!lo!que!no!Bene!eBqueta!inicial!se!emplea!para!separar!bloques!de!texto!representando!una!linea&horizontal.&&Se&puede&cambiar&la&apariencia&de&dicha&lienea&mediante&los&siguientes&atributos&:&&NOSHADE:! !elimina!el!efecto!de!!!sombra!de!la!linea!!WIDTH:! ! !permite!definir!la!longitud!de!la!linea!!SIZE:! ! !permite!definir!el!grosor!de!la!linea!!EJEMPLO:!!!<hr!noshade!width=400!size=4>!&&&


<html>!!<head>!<Btle>!Mi!Primera!Pagina!</Btle>!</head>!!<body!bgcolor="#2F4F2F"2F4F2F!text="#56dd21">!!Curso!de!HTML<br>&<hr>&estoy!creando!mi!primera!pagina!AQUILES!!</body>!!!!</html>!


<html>!!<head>!<Btle>!Mi!Primera!Pagina!</Btle>!</head>!!<body!bgcolor="#2F4F2F"2F4F2F!text="#56dd21">!!Curso!de!HTML<br>!<hr!noshade&width=400&size=4>!!estoy!creando!mi!primera!pagina!AQUILES!!</body>!!!!</html>!


<html>!!<head>!<Btle>!Mi!Primera!Pagina!</Btle>!</head>!!<body!bgcolor="#2F4F2F"2F4F2F!text="#56dd21">!!Curso!de!HTML<br>!<hr!noshade!quitar!width=80%400!size=4>!!estoy!creando!mi!primera!pagina!AQUILES!!</body>!!!!</html>!


Letras!de!Encabezado.!!Se!usan!para!poner!Btulo!o!encabezado!.!!La!eBqueta!es:!!<HX>encabezado<HX>!!!<h1>!</h1>!!1!es!texto!grande!6!el!mas!pequeño!!!&&&


<html>!!<head>!<Btle>!Mi!Primera!Pagina!</Btle>!</head>!!<body!bgcolor="#2F4F2F"2F4F2F!text="#56dd21">!!<h1>Curso!de!HTML</h1><br>!!<hr!width=80%!size=4>!!estoy!creando!mi!primera!pagina!AQUILES!!</body>!!!!</html>!!!!!!!!!!!!!!!!Video!2!!!minuto!!4.50min!



EIqueta&&Para&un&parrafo&&&<p>&!!!&&&


<html>!<head>!<Btle>!Mi!Primera!Pagina!</Btle>!</head>!<body!bgcolor="#2F4F2F"2F4F2F!text="#56dd21">!<h1>Curso!de!HTML</h1><br>!!!!!!!!!!<hr!width=80%!size=4>!!estoy!creando!mi!primera!pagina!AQUILES!<p>&Bienvenidos!a!mi!siBo!web!donde!podrás!encontrar!todos!los!servicios!que!ofrezco,!tengo!más!de!15!años!laborando!por!mi!propia!cuenta!y!también!dando!clases!en!la!Universidad!Autónoma!del!Estado!de!México,!mi!profesión!es!Arquitecto!con!Master!en!Diseño!MulBmedia.!!Te!invito!a!que!des!un!paseo!para!detallar!más!acerca!de!cada!tema!que!trabajo,!no!dudes!en!hablarme!para!cualquier!duda!o!mándame!correo.!!Nota:!mi!trabajo!es!personalizado,!casi!en!todos!los!casos!trabajo!solo!y!el!precio!es!muy!compeBBvo.!contactarme&por&el&facebook&y&te&hago&un&descuento.!</P>&!</body>!!</html>!


EIqueta&Para&aliniar&el&parrafo&a&la&izquierda&o&derecha&o&centrar&&<p&align=right>&LeO&center&!!!!!!


<html>!<head>!<Btle>!Mi!Primera!Pagina!</Btle>!</head>!<body!bgcolor="#2F4F2F"2F4F2F!text="#56dd21">!<h1>Curso!de!HTML</h1><br>!!!!!!!!!!<hr!width=80%!size=4>!!estoy!creando!mi!primera!pagina!AQUILES!<p!align=right&>!Bienvenidos!a!mi!siBo!web!donde!podrás!encontrar!todos!los!servicios!que!ofrezco,!tengo!más!de!15!años!laborando!por!mi!propia!cuenta!y!también!dando!clases!en!la!Universidad!Autónoma!del!Estado!de!México,!mi!profesión!es!Arquitecto!con!Master!en!Diseño!MulBmedia.!!Te!invito!a!que!des!un!paseo!para!detallar!más!acerca!de!cada!tema!que!trabajo,!no!dudes!en!hablarme!para!cualquier!duda!o!mándame!correo.!!Nota:!mi!trabajo!es!personalizado,!casi!en!todos!los!casos!trabajo!solo!y!el!precio!es!muy!compeBBvo.!contactarme&por&el&facebook&y&te&hago&un&descuento.!</P>!!</body>!!</html>!!!!!!!!!!!!!!!!Video!2!!!minuto!!4.50min!


EIqueta&Para&centrar&&<center>&!!!!!!


<html>!<head>!<Btle>!Mi!Primera!Pagina!</Btle>!</head>!<body!bgcolor="#2F4F2F"2F4F2F!text="#56dd21">!<center><h1>Curso!de!HTML</h1><br></center>!!!!!!!!!!<hr!width=80%!size=4>!!estoy!creando!mi!primera!pagina!AQUILES!<p!align=right&>!Bienvenidos!a!mi!siBo!web!donde!podrás!encontrar!todos!los!servicios!que!ofrezco,!tengo!más!de!15!años!laborando!por!mi!propia!cuenta!y!también!dando!clases!en!la!Universidad!Autónoma!del!Estado!de!México,!mi!profesión!es!Arquitecto!con!Master!en!Diseño!MulBmedia.!!Te!invito!a!que!des!un!paseo!para!detallar!más!acerca!de!cada!tema!que!trabajo,!no!dudes!en!hablarme!para!cualquier!duda!o!mándame!correo.!!Nota:!mi!trabajo!es!personalizado,!casi!en!todos!los!casos!trabajo!solo!y!el!precio!es!muy!compeBBvo.!contactarme&por&el&facebook&y&te&hago&un&descuento.!</P>!!</body>!!</html>!


<html>!<head>!<Btle>!Mi!Primera!Pagina!</Btle>!</head>!<body!bgcolor="#2F4F2F"2F4F2F!text="#56dd21">!<center><h1>Curso!de!HTML</h1><br></center>!!!!!!!!!!<center><h1>Seguro!Aprenderas</h1><br></center>!!!!!!!!!!<hr!width=80%!size=4>!estoy!creando!mi!primera!pagina!AQUILES!<p!align=center&>!Bienvenidos!a!mi!siBo!web!donde!podrás!encontrar!todos!los!servicios!que!ofrezco,!tengo!más!de!15!años!laborando!por!mi!propia!cuenta!y!también!dando!clases!en!la!Universidad!Autónoma!del!Estado!de!México,!mi!profesión!es!Arquitecto!con!Master!en!Diseño!MulBmedia.!!</P>&<p!align=right&>!Te!invito!a!que!des!un!paseo!para!detallar!más!acerca!de!cada!tema!que!trabajo,!no!dudes!en!hablarme!para!cualquier!duda!o!mándame!correo.!!Nota:!mi!trabajo!es!personalizado,!casi!en!todos!los!casos!trabajo!solo!y!el!precio!es!muy!compeBBvo.!contactarme&por&el&facebook&y&te&hago&un&descuento.!</P>!</body>!</html>!


<html>!<head>!<Btle>!Mi!Primera!Pagina!</Btle>!</head>!<body!bgcolor="#2F4F2F"2F4F2F!text="#56dd21">!<center><h1>Curso!de!HTML</h1><br></center>!!!!!!!!!!<center><h1>Seguro!Aprenderas</h1><br></center>!!!!!!!!!!<hr!width=80%!size=4>!estoy!creando!mi!primera!pagina!AQUILES!<p!align=jusIfy&>!Bienvenidos!a!mi!siBo!web!donde!podrás!encontrar!todos!los!servicios!que!ofrezco,!tengo!más!de!15!años!laborando!por!mi!propia!cuenta!y!también!dando!clases!en!la!Universidad!Autónoma!del!Estado!de!México,!mi!profesión!es!Arquitecto!con!Master!en!Diseño!MulBmedia.!!</P>&<p!align=right&>!Te!invito!a!que!des!un!paseo!para!detallar!más!acerca!de!cada!tema!que!trabajo,!no!dudes!en!hablarme!para!cualquier!duda!o!mándame!correo.!!Nota:!mi!trabajo!es!personalizado,!casi!en!todos!los!casos!trabajo!solo!y!el!precio!es!muy!compeBBvo.!contactarme&por&el&facebook&y&te&hago&un&descuento.!</P>!</body>!</html>!


EIquetas&Para&esIlos&de&caracteres&del&texto&Negrita & & &<b>&Italica & & &<i> &</i>&Subrayado& & &<u>&Tachado& & & &<strike>&A&Superindice & &<sup>&B&subindice ! !<sub>&Parpadeo & & &<blink>&Maquina&de&escribir &<T>&Texto&Grande & &<big>&Texto&Pequeño & &<small>&!!!!!!


<html>!<head>!<Btle>!Mi!Primera!Pagina!</Btle>!</head>!<body!bgcolor="#2F4F2F"2F4F2F!text="#56dd21">!<center><h1>Curso!de!HTML</h1><br></center>!!!!!!!!!!<center><h1>Seguro!Aprenderas</h1><br></center>!!!!!!!!!!<hr!width=80%!size=4>!<b>estoy!creando!mi!primera!pagina!AQUILES</b>&<p!align=jusIfy&>!Bienvenidos!a!mi!siBo!web!donde!podrás!encontrar!todos!los!servicios!que!ofrezco,!tengo!más!de!15!años!laborando!por!mi!propia!cuenta!y!también!dando!clases!en!la!Universidad!Autónoma!del!Estado!de!México,!mi!profesión!es!Arquitecto!con!Master!en!Diseño!MulBmedia.!!</P>&<p!align=right&>!Te!invito!a!que!des!un!paseo!para!detallar!más!acerca!de!cada!tema!que!trabajo,!no!dudes!en!hablarme!para!cualquier!duda!o!mándame!correo.!!Nota:!mi!trabajo!es!personalizado,!casi!en!todos!los!casos!trabajo!solo!y!el!precio!es!muy!compeBBvo.!contactarme&por&el&facebook&y&te&hago&un&descuento.!</P>!</body>!</html>!


<html>!<head>!<Btle>!Mi!Primera!Pagina!</Btle>!</head>!<body!bgcolor="#2F4F2F"2F4F2F!text="#56dd21">!<center><h1>Curso!de!HTML</h1><br></center>!!!!!!!!!!<center><h1>Seguro!Aprenderas</h1><br></center>!!!!!!!!!!<hr!width=80%!size=4>!<b><i>estoy!creando!mi!primera!pagina!AQUILES</i></b>&<p!align=jusIfy&>!Bienvenidos!a!mi!siBo!web!donde!podrás!encontrar!todos!los!servicios!que!ofrezco,!tengo!más!de!15!años!laborando!por!mi!propia!cuenta!y!también!dando!clases!en!la!Universidad!Autónoma!del!Estado!de!México,!mi!profesión!es!Arquitecto!con!Master!en!Diseño!MulBmedia.!!</P>&<p!align=right&>!Te!invito!a!que!des!un!paseo!para!detallar!más!acerca!de!cada!tema!que!trabajo,!no!dudes!en!hablarme!para!cualquier!duda!o!mándame!correo.!!Nota:!mi!trabajo!es!personalizado,!casi!en!todos!los!casos!trabajo!solo!y!el!precio!es!muy!compeBBvo.!contactarme&por&el&facebook&y&te&hago&un&descuento.!</P>!</body>!</html>!


<html>!<head>!<Btle>!Mi!Primera!Pagina!</Btle>!</head>!<body!bgcolor="#2F4F2F"2F4F2F!text="#56dd21">!<center><h1>Curso!de!HTML</h1><br></center>!!!!!!!!!!<center><h1>Seguro!Aprenderas</h1><br></center>!!!!!!!!!!<hr!width=80%!size=4>!<b><i><u>estoy!creando!mi!primera!pagina!AQUILES</u></i></b>&<p!align=jusIfy&>!Bienvenidos!a!mi!siBo!web!donde!podrás!encontrar!todos!los!servicios!que!ofrezco,!tengo!más!de!15!años!laborando!por!mi!propia!cuenta!y!también!dando!clases!en!la!Universidad!Autónoma!del!Estado!de!México,!mi!profesión!es!Arquitecto!con!Master!en!Diseño!MulBmedia.!!</P>&<p!align=right&>!Te!invito!a!que!des!un!paseo!para!detallar!más!acerca!de!cada!tema!que!trabajo,!no!dudes!en!hablarme!para!cualquier!duda!o!mándame!correo.!!Nota:!mi!trabajo!es!personalizado,!casi!en!todos!los!casos!trabajo!solo!y!el!precio!es!muy!compeBBvo.!contactarme&por&el&facebook&y&te&hago&un&descuento.!</P>!</body>!</html>!


EIquetas&Texto&Preformateado&<pre>&</pre>&&Ordena&texto&como&lo&ponemos&&!!!!!!


<html>!<head>!<Btle>!Mi!Primera!Pagina!</Btle>!</head>!<body!bgcolor="#2F4F2F"2F4F2F!text="#56dd21">!<center><h1>Curso!de!HTML</h1><br></center>!!!!!!!!!!<center><h1>Seguro!Aprenderas</h1><br></center>!!!!!!!!!!<hr!width=80%!size=4>!<b><i><u>estoy!creando!mi!primera!pagina!AQUILES</u></i></b>&<p!align=jusIfy&>!Bienvenidos!a!mi!siBo!web!donde!podrás!encontrar!todos!los!servicios!que!ofrezco,!tengo!más!de!15!años!laborando!por!mi!propia!cuenta!y!también!dando!clases!en!la!Universidad!Autónoma!del!Estado!de!México,!mi!profesión!es!Arquitecto!con!Master!en!Diseño!MulBmedia.!!</P>&<p!align=right&>!Te!invito!a!que!des!un!paseo!para!detallar!más!acerca!de!cada!tema!que!trabajo,!no!dudes!en!hablarme!para!cualquier!duda!o!mándame!correo.!!Nota:!mi!trabajo!es!personalizado,!casi!en!todos!los!casos!trabajo!solo!y!el!precio!es!muy!compeBBvo.!contactarme&por&el&facebook&y&te&hago&un&descuento.!</P>!Arantxa!Garcia ! !Carolina!

!Niñas!</body>!</html>!


<html>!<head>!<Btle>!Mi!Primera!Pagina!</Btle>!</head>!<body!bgcolor="#2F4F2F"2F4F2F!text="#56dd21">!<center><h1>Curso!de!HTML</h1><br></center>!!!!!!!!!!<center><h1>Seguro!Aprenderas</h1><br></center>!!!!!!!!!!<hr!width=80%!size=4>!<b><i><u>estoy!creando!mi!primera!pagina!AQUILES</u></i></b>&<p!align=jusIfy&>!Bienvenidos!a!mi!siBo!web!donde!podrás!encontrar!todos!los!servicios!que!ofrezco,!tengo!más!de!15!años!laborando!por!mi!propia!cuenta!y!también!dando!clases!en!la!Universidad!Autónoma!del!Estado!de!México,!mi!profesión!es!Arquitecto!con!Master!en!Diseño!MulBmedia.!!</P>&<p!align=right&>!Te!invito!a!que!des!un!paseo!para!detallar!más!acerca!de!cada!tema!que!trabajo,!no!dudes!en!hablarme!para!cualquier!duda!o!mándame!correo.!!Nota:!mi!trabajo!es!personalizado,!casi!en!todos!los!casos!trabajo!solo!y!el!precio!es!muy!compeBBvo.!contactarme&por&el&facebook&y&te&hago&un&descuento.!</P>!<pre>&Arantxa!Garcia ! !Carolina!

!Niñas!</pre>&</body>!</html>!


EIquetas&Podemos&dejar&comentarios&&en&nuestro&codigo&sin&que&afecte&&Y&a&la&hora&que&abramos&el&navegador&no&salga&el&comentario&&&!!!!!!


<html>!<head>!<Btle>!Mi!Primera!Pagina!</Btle>!</head>!<body!bgcolor="#2F4F2F"2F4F2F!text="#56dd21">!<center><h1>Curso!de!HTML</h1><br></center>!!!!!!!!!!<center><h1>Seguro!Aprenderas</h1><br></center>!!!!!!!!!!<hr!width=80%!size=4>!<b><i><u>estoy!creando!mi!primera!pagina!AQUILES</u></i></b>&<p!align=jusIfy&>!Bienvenidos!a!mi!siBo!web!donde!podrás!encontrar!todos!los!servicios!que!ofrezco,!tengo!más!de!15!años!laborando!por!mi!propia!cuenta!y!también!dando!clases!en!la!Universidad!Autónoma!del!Estado!de!México,!mi!profesión!es!Arquitecto!con!Master!en!Diseño!MulBmedia.!!</P>&<p!align=right&>!Te!invito!a!que!des!un!paseo!para!detallar!más!acerca!de!cada!tema!que!trabajo,!no!dudes!en!hablarme!para!cualquier!duda!o!mándame!correo.!!Nota:!mi!trabajo!es!personalizado,!casi!en!todos!los!casos!trabajo!solo!y!el!precio!es!muy!compeBBvo.!contactarme&por&el&facebook&y&te&hago&un&descuento.!</P>!<![[&este&espacio&es&para&dejar&comentarios&[[>&<pre>&Arantxa!Garcia ! !Carolina!



EIqueta&&<blockpuote>&</blockpuote>&&Para&poner&cita&o&resaltar&&!!!!!!


<html>!<head>!<Btle>!Mi!Primera!Pagina!</Btle>!</head>!<body!bgcolor="#2F4F2F"2F4F2F!text="#56dd21">!<center><h1>Curso!de!HTML</h1><br></center>!!!!!!!!!!<center><h1>Seguro!Aprenderas</h1><br></center>!!!!!!!!!!<hr!width=80%!size=4>!<b><i><u>estoy!creando!mi!primera!pagina!AQUILES</u></i></b>&<p!align=jusIfy&>!Bienvenidos!a!mi!siBo!web!donde!podrás!encontrar!todos!los!servicios!que!ofrezco,!tengo!más!de!15!años!laborando!por!mi!propia!cuenta!y!también!dando!clases!en!la!Universidad!Autónoma!del!Estado!de!México,!mi!profesión!es!Arquitecto!con!Master!en!Diseño!MulBmedia.!!</P>&<p!align=right&>!Te!invito!a!que!des!un!paseo!para!detallar!más!acerca!de!cada!tema!que!trabajo,!no!dudes!en!hablarme!para!cualquier!duda!o!mándame!correo.!!Nota:!mi!trabajo!es!personalizado,!casi!en!todos!los!casos!trabajo!solo!y!el!precio!es!muy!compeBBvo.!contactarme&por&el&facebook&y&te&hago&un&descuento.!</P>!<![[&este&espacio&es&para&dejar&comentarios&[[>&<blockquote>&“Para&poder&alcazar&el&éxito&hay&que&ser&tenaz”&</blockquote>&<pre>&Arantxa!Garcia ! !Carolina!



Para&poder&finalizar&la&pracIca&tendras&que&invesIgar&como&hacer&botones&con&texto&los&cuales&nos&vinculen&a&mas&paginas.&Asi&que&tambien&como&colocar&imágenes&a&este&siIo&web&y&en&esta&pracIca&tendrás&que&entregar&un&siIo&web&con&cinco&enlaces&&(botones&con&texto)&que&te&lleven&a&cinco&paginas&que&solamente&tendran&texto&y&imágenes&&Que&siIo&web&el&que&hicieste&toda&la&estructrura&Any&queIon&ask&me&thaks&&&&&!!!!!!


&Entren&al&siguiente&siIo&como&una&recomendación&para&aprender&mas&de&HTML&&hTp://www.w3schools.com/&&Ir&del&lado&izquierdo&a&Lern&HTML&&Y&del&listado&van&al&tema&que&quieran&&&Y&luego&del&lado&derecho&va&a&&Try&it&Yourself&»&&&!!!!!!

html.& - aquiles garcia autocad...

Documents