miércoles, 15 de junio de 2016

Cuestionario de HTML

                                                            Cuestionario de HTML

Escribe la etiqueta que te permite cambiarle color a Letra
<Font color=”…….”>
Realiza un ejemplo  en la creación de un titulo con código HTML
<html>
<head>
<title>cuestionario HTML</title>
</head>
</html> 
Crea un ejemplo utilizando la etiqueta body 
<body>
<Body BGCOLOR=¨FF99ff¨>
<table borde=¨5PX¨>
<tr>
<td></td>
<td><font color=¨99CCFF¨>Chat noir</font></td>
<td>Lady Bug</td>
</tr>
</table>
</BGCOLOR>
</body>


Como se abre y cierra una etiqueta
Se abre < ….>y se cierra </….>

Que entiendes con HTML
Que es para hacer programación
Que etiqueta usamos para crear párrafos
<p>
Cuantos tamaños de letra existen en HTML y cuales son
Existen 6 tipos son h1,h2,h3,h4 , h5 y h6

Que etiqueta se usa para colocar una imagen o color de  fondo

<BGCOLOR>

Horario de clase (heco con HTML)

Codigo para hacerlo:

<html>
<head>
<title>Horario de clases </title>
</head>

<body>
<body BGCOLOR="99CCFF">Horario de clases  6°B  Maestra:Rosalba Bernal Gacía</BGCOLOR>
<table border="5px">
<tr>
<td>Hora</font></td>
<td>Lunes</td>
<td>Martes</td>
<td>Miercoles</td>
<td>Jueves</td>
<td>Viernes</td>
</tr>

<tr>
<td>8:00-8:50</td>
<td>Español</td>
<td>Matematicas</td>
<td>Ingles</td>
<td>Educacion Fisica</td>
<td>Español</td>
</tr>

<tr>
<td>8:50-9:40</td>
<td>Español</td>
<td>Español</td>
<td>Computacion</td>
<td>Matematicas</td>
<td>Matematicas</td>
</tr>

<tr>
<td>9:40-10:30</td>
<td>Matematicas</td>
<td>Español</td>
<td>Matematicas</td>
<td>Español</td>
<td>Educacion Fisica</td>
</tr>

<tr>
<td>10:30-11:20</td>
<td>Historia</td>
<td>Ingles</td>
<td>Musica</td>
<td>Danza</td>
<td>Artes Platicas</td>
</tr>


<tr>
<td>11:20-11:50</td>
<td>Receso</td>
<td>Receso</td>
<td>Receso</td>
<td>Receso</td>
<td>Receso</td>
</tr>



<tr>
<td>11:50-12:40</td>
<td>Desarollo Humano</td>
<td>Computacion</td>
<td>Español</td>
<td>Ingles</td>
<td>Ingles</td>
</tr>


<tr>
<td>12:40-1:30</td>
<td>Ingles</td>
<td>Historia</td>
<td>F.C y E</td>
<td>Ciencias Naturales</td>
<td>Ingles</td>
</tr>


<tr>
<td>1:30-2:40</td>
<td>Ingles</td>
<td>Ciencias Naturales</td>
<td>Geografia</td>
<td>Geografia</td>
<td>Ciencias Naturales</td>
</tr>
</table>
</body>
</html>

Resultado final :

Horario de clases 6°B Maestra:Rosalba Bernal Gacía
HoraLunesMartesMiercolesJuevesViernes
8:00-8:50EspañolMatematicasInglesEducacion FisicaEspañol
8:50-9:40EspañolEspañolComputacionMatematicasMatematicas
9:40-10:30MatematicasEspañolMatematicasEspañolEducacion Fisica
10:30-11:20HistoriaInglesMusicaDanzaArtes Platicas
11:20-11:50RecesoRecesoRecesoRecesoReceso
11:50-12:40Desarollo HumanoComputacionEspañolInglesIngles
12:40-1:30InglesHistoriaF.C y ECiencias NaturalesIngles
1:30-2:40InglesCiencias NaturalesGeografiaGeografiaCiencias Naturales

miércoles, 1 de junio de 2016

Tamaño de letra HTML(ejemplo)



Hay 6 tamaños de letra en HTML los cuales son, h1,el mas grande hasta h6 el mas pequeño.














El codigo para este es:
<html>
<head>
<title>tamaño de letra</title>
</head>

<body>
<h1>titular h1</h1>
<h2>titular h2</h2>
<h3>titular h3</h3>
<h4>titular h4</h4>
<h5>titular h5</h5>
<h6>titular h6</h6>
<body>
<html>

                               

¿Qué es HTML ?


HTML

HTML es un lenguaje de programación para realizas paginas web, sus siglas son Hyper text Markup Language en español lenguaje de hipertexto es decir un lenguaje que permite escribir texto de forma estructurada y que esta compuesto etiquetas.
Un documento hipertexto no solo se compone de texto, puede contener imágenes, sonido, videos etc. Porque puede considerarse un documento multimedia.
Los documentos HTML debe tener la extensión HTML o la extensión HTM para que pueda ser visualizado.

Etiquetas

Las etiquetas o marcas delimitan cada uno de los elementos que componen un elemento HTML. Existen dos tipo de etiquetas, la de comienzo de elemento o la de fin o cierre de elemento la etiqueta de comienzo esta etiquetada por : < y >. Esta compuesta por el identificador o nombre de la etiqueta y puede contenes una serie de atributos opcionales para añadir ciertas propiedades.
La etiqueta de final esta delimitada por los caracteres </ y >.


Ejemplo:


<p aling=”center”><font  color=”#993366” size=”4” face=”Comic Sans Ms”>
Mi primer página web </p></font>
<!DOCTYPE html><html lang="es-419"><head><style>.cta{}.default-theme{}#dood{}.fkbx{}#fkbx-hht{}.fkbx-hht-s{}#fkbx-text{}.hide-sf{}.init{}.left-align-attr{}.light-text{}.mv-dot{}.mv-dot-bg{}.mv-focused{}.mv-link-hide{}.mv-locthumb{}.mv-locgradient{}.mv-loctitle{}.mv-locfallback{}#mv-single{}.mv-tiles{}.mv-x{}.mv-x-inner{}.prm-pt{}.prm{}.prt{}.pt{}@-webkit-keyframes init-hide {0%{opacity:0}99%{opacity:0}100%{opacity:1}}body{font:small arial,sans-serif;margin:0;min-height:616px;text-align:-webkit-center}body.hide,body.hide-sf #fkbx,body.hide-sf #lga{visibility:hidden}body.init{-webkit-animation:init-hide 0.5s linear}#lga.init,#fkbx.init{-webkit-animation:init-hide 2s linear}a{color:#1a0dab;text-decoration:none}a:hover,a:active{text-decoration:underline}a:visited{color:#609}#most-visited{-webkit-user-select:none;z-index:1}#mv-tiles{margin:0;overflow:hidden;position:relative;text-align:start}#mv-single{border:none;height:100%;width:100%}.mv-tile{-webkit-transition-duration:200ms;-webkit-transition-property:-webkit-transform,margin,opacity,width;display:inline-block;line-height:normal;position:relative;vertical-align:top}.mv-tile.mv-bl{margin-left:0;margin-right:0;opacity:0;width:0}.mv-page{cursor:pointer;outline:none}._kte{height:100%;visibility:hidden;width:100%}.mv-page ._kte{visibility:visible}.mv-mask,.mv-thumb,.mv-locthumb,.mv-locgradient,.mv-locfallback{position:absolute}.mv-mask{border:1px solid transparent;left:0;pointer-events:none;position:absolute;top:0}.mv-title{border:none;position:absolute}.mv-locthumb,.mv-locgradient,.mv-locfallback{border-radius:3px;pointer-events:none}.mv-locgradient{background:-webkit-linear-gradient(left,rgba(35,35,35,1) 0%,rgba(35,35,35,1) 40%,rgba(35,35,35,0.3) 60%,rgba(35,35,35,0.1) 70%,rgba(35,35,35,0) 100%)}.mv-locthumb img{border-radius:0 3px 3px 0;height:83px;left:55px;pointer-events:none;position:absolute;top:0;width:83px}.mv-locfallback{overflow:hidden}.mv-locfallback ._Gsd{box-sizing:content-box;overflow:hidden;position:absolute;text-align:center;text-overflow:ellipsis;white-space:nowrap}.mv-locfallback img{height:auto;left:0;pointer-events:none;position:absolute;top:0}.mv-loctitle{-webkit-box-orient:vertical;-webkit-box-pack:center;-webkit-line-clamp:5;border:none;border-radius:3px 0 0 3px;color:white;display:-webkit-box;height:79px;left:0;margin:2px 0 2px 4px;overflow:hidden;pointer-events:none;position:absolute;text-overflow:ellipsis;text-shadow:1px 1px #232323;top:0;white-space:normal;width:79px}.mv-x-hide .mv-x{display:none}.mv-x{background-

martes, 3 de noviembre de 2015