ANDROID ESTUDIO

<LinearLayout   
 xmlns:android="http://schemas.android.com/apk/res/android"
   xmlns:app="http://schemas.android.com/apk/res-auto"   
 xmlns:tools="http://schemas.android.com/tools"    
android:id="@+id/container"  
  android:layout_width="match_parent"  
  android:layout_height="match_parent"  
  android:orientation="vertical"  
  tools:context="com.example.levi.myapplication.MainActivity">

        <TextView  
         android:layout_height="wrap_content"       
     android:layout_width="wrap_content"         
   android:text="mi pirmera aplicaicon de android "    
        android:layout_gravity="center_horizontal"    
       android:textSize="20sp"          
  android:textColor="#01F454"          
  android:layout_margin="10dp"          
  android:id="@+id/titulo"       
     />
    <EditText      
  android:layout_width="300dp"    
    android:layout_height="wrap_content" 
       android:hint="Ingrese su nombre"     
  android:layout_margin="10dp"      
  android:layout_gravity="center_horizontal"     
   />
    <Button
        android:layout_width="wrap_content"    
    android:layout_height="wrap_content"      
  android:layout_gravity="center_horizontal"   
     android:text="Saludar"       
 android:layout_weight="5"     
   />
 <Button      
  android:layout_width="100dp" 
      android:layout_height="wrap_content"   
     android:layout_gravity="left"/>
</LinearLayout>

<RelativeLayout    
android:layout_width="match_parent"
    android:layout_height="match_parent" 
   xmlns:android="http://schemas.android.com/apk/res/android">
    <Button       
 android:layout_width="wrap_content"
        android:layout_height="wrap_content"
       android:text="center"   
 android:layout_centerInParent = "true"     
  android:id="@+id/Centro"        />
    <Button    
  android:layout_width="wrap_content"       
 android:layout_height="wrap_content"      
  android:text="Abajo"    
   android:layout_below="@+id/Centro"   
     android:layout_toRightOf="@+id/button2"   
     android:layout_toEndOf="@+id/button2" />
   <Button        


android:layout_width="wrap_content"  
      android:layout_height="wrap_content" 
       android:text="Arriba"     
   android:layout_centerHorizontal="true" 
       android:layout_above="@+id/Centro"
/>
    <Button        
android:layout_width="wrap_content"      
  android:layout_height="wrap_content"      
  android:text="DERECHA"       
 android:layout_centerHorizontal="true" 
       android:layout_toRightOf="@+id/Centro" 
       android:layout_alignBaseline="@+id/Centro"
 />

    <Button       
 android:layout_width="wrap_content"  
      android:layout_height="wrap_content" 
       android:text="ISQUIERDA"      
  android:layout_centerHorizontal="true" 
    android:layout_alignBaseline="@+id/Centro"     
   android:id="@+id/button2" />
    <Button        
android:layout_width="wrap_content"      
  android:layout_height="wrap_content"      
  android:text="ISQUIERDA"       
 android:layout_alignParentBottom="true"   
     android:layout_alignParentLeft="true"
        />
</RelativeLayout>

Read More

HTML5

COMO FUNCIONA
<SECTION>
        <ARTICLE>
             <P>
             </P>
        </ARTICLE>
</SECTION>

SECTION
Nos permite agrupar algo del contenido de la pagina , el libro contiene varios capítulos


ARTICLE
Nos permite organizar una parte principal de la pagina o es decir de la section, en un mensaje de un foro, es independiente

HEADER
Nos permite poner un encabezado

FOOTER

Nos permite poner un texto en el pie de pagina

INSIDE
Permite la escritura de la informacion relacionada con el contenido principal

FIGURE
Nos servira para ordenar mas nuestras iamgenes que tengan mejores vistas dentro de un <p> con la ayuda de <figcaption> se pone el texto debajo de la imagen , como su comentario <legend> tambien se utiliza para el subtitulo de la imagen
<p>
aqui <figure>
         <img src="/">
        </img>
<figcaption> imagen de </figcaption>
</figure>
</p>
MARK
Nos sirve para resaltar algun texto en formato css
<m> html5</m> solo utilizando css se podra notas los cambios que se quieren obtener

TIME 
Esta etiqueta <time> nos permite poner formato de fecha a nuestras parrafos simepre y cuando sea una fecha para ser utilizada
<time datetime="2017-10-04T23:00:00"> tambien se puede utilizar así


METER
Nos sirve para ver el me gusta de las personas, cuantas comentaron , todo eso
<p title="medicion">L distamcia recorrida es
<meter value="120" min="0" max="200" min="0" high="200" low="80" optimum="2000"> 120 yards </meter></p>

PROGRESS
Nos da la funcion de hacer un progreso ya sea de una descarga, carga de un imagen etc.

<progress value="4555" max="1522222"></progress>

FORM
Nos permite llenar formularios , los campos que son necesarios tienen que ir con required  es una regla de w3c
sintaxis
<form>
   <label>nombre</label>
<input name="nombre" type="text" required>

</form>

Read More

ETIQUETAS HTML

<br/> le da un salto de reglon al texto

<ul> Indica el inicio de una lista no ordenada.lista para detallar cualidades puro puntos

<ol> Indica el incio de una lista ordenada en 1 2 3 4 5 6 7 8 9

<li>Indica un elemento individual de una lista de ul

<!- comentario --> sirve paa hacer comentario

<img src="" alt=""> sirve para insertar una imagen en html

TEXTOS PRE FORMATEADOS

<pre> muestra el texto tal y como lo has escrito sin inportar los espacios

CITAS

<blockquote>Nos permite poner en sangria el texto del bloque escrito

<q> Nos permite poner sangria de una sola linea del bloque

DIVISIONES Y LAPSOS

<div> Nos permite dividir los bloques cada texto

LISTAS NUMERADAS

<ol> Nos permite poner listas en forma ordenada 1 2 3 4

<li> Nos permite escribir una linea de la lista seleccionada

LISTAS NO NUMERADAS

<ul> Nos permite poner la lista de forma cicular , cuadrada, etc

<li> Nos permite escribir una linea de la lista seleccionada

LISTAS DE DEFINICION

<dl> Da por comensado el elemento del diccionario

<dt> Da el titulo de la definicion

<dd> Da la definicion del titulo seleccionado
En ese orden tiene que ser escrito

ANIDAR LISTAS

<ul>
    <li>   </li>
         <ol>
           <li> </li>
            <li> </li>
         </ol>

   <li> </li>
</ul>


CURSIVA NEGRITA Y SUBRRAYADO

<i> nos permite poner en cursiva los parrafos

<b>hola como estas  </b>convierte el texto en negrita

<u> Nos permite subrayar el texto escrito dentro de la misma

ENFASIS Y FUERTE

<em> Nos permite enfatizar la letra
<strong > Nos permite poner en negrita la letra  a si como <b>

SUBINDICE , SUÉRINDICE, TACHADO

<sup> Poner elebado un numero a la potencia

<sub> Poner un numero en el pie de otro numero

<strike> Poner al texto en formato tachado

TELETIPO

<tt> Poner a un texto en blanco para poder diferenciarlo

CARACTERES ESPECIALES

Read More