Está en la página 1de 38

Adentro del body Sirve para

<a href=“escribir el enlace”>nombre que tendrá el enlace</a> Poner enlaces


<img src=”el nombre en donde tienes el archivo” Para poner una imagen
<img src=”el nombre en donde tienes el archivo” alt=“imagen”> Para poner una imagen al costado del enlace
<p style=“color:red;”>escribir el parrafo</p> Para elegir el color de las letras
<p title=“lo que quieras que se vea”>escribir el parrafo</p> Para cuando pases el mouse leas algo escrito

<p>escribir el párrafo<br> </p> Para poner un salto de parrafo


<p>escribir el párrafo<br></p> <hr> Para trazar una línea negra entre los dos parrafos
<p>escribir el párrafo<br></p>

<pre>escribir el párrafo </pre> Para que se lea igual a lo que pongas


<p>escribir el<b> párrafo</b></p> o Para ponerlo en negrita un o una parte del párrafo
<p>escribir el<strong> párrafo</strong></p> Para ponerlo en negrita un o una parte del párrafo (mas importante)

<p>escribir el<i> párrafo</i></p> Para ponerlo en cursiva


<p>escribir el<em> párrafo</em></p> Para ponerlo en cursiva (mas importante)

<p>escribir el<small> párrafo</small></p> Para ponerlo mas chiquito


<p>escribir el<mark> párrafo</mark></p> Para resaltar
<p>escribir el<del> párrafo</del></p> Para tachar
<p>escribir el<ins> párrafo</ins></p> Para subrayarlo
<p>escribir el<sub> párrafo</sub></p> Para poner sub indices

<p>escribir el<sup> párrafo</sup></p> Para poner el super índice(ósea para que se vea mas levantado)

<!– escribir aqui --> Para hacer los comentarios

<a href=“escribir el enlace aquí”>escribir como quieres que aparesca</a> Para hacer enlaces
<a href=“escribir el enlace aquí” target=“_blank” >escribir como quieres que aparesca</a> Para hacer enlaces en una nueva pestañas
Adentro del body Sirve para
<a href=“escribir el enlace aquí”> <img src=”nombre de la foto” width=“100%”> </a> Para colocar imágenes al enlace
<a href=“mailto:escribir el mail aqui”>escribir como quieres que aparesca</a> Para mandarlo a tu mail solo si esta configurado tu mail
<img src=“escribir donde se encuentra la foto” alt=“escribir que se lee si no se encuentra”> Para poner imagenes
<img src=“escribir donde se encuentra la foto” style=“width:200px”> Para colocar el alto de las imagenes
<img src=“escribir donde se encuentra la foto” style=“height:200px”> Para colocar el ancho de las imagenes
Para crear la tablas
Para crear las filas
<table><tr><th></th> </tr> </table>
Para escribir columnas
<td></td> Para reenplazar el th con las mismas columnas
<table> <tr colspan=“escribir el numero para juntar celdas”> <th></th> </tr> </table> Para juntar celdas de una tabla a lo ancho
Rowspan=“” Para juntar celdas de una tabla para abajo y arriba
<ul><li></li></ul> Para hacer listas con puntos(con lo mismo se puede hacer sublistas pero tienes que
escribirlas en la primera lista)(en la lista tanbien se puede poner enlaces)
<ul style=“list-style-type: circle;”><li></li></ul> Para que el punto de la lista se cambie su diseño con circle se vuelve un circulo blanco
adentro, con square se vuelve cuadrado y con none desaparece
<ol start=“el numero que quieres que enpieze”><li></li></ol> Para hacer listas ordenadas por numeros
<form> Rows(cuantas líneas para abajo va tener),cols(es el ancho),name(nombre del archivo)
        <textarea name="" id="" cols="30" rows="10"></textarea>  
    </form>
 <label for="color">”nombre”</label> Sirve para hacer un formulario de tipo elegir dentro de la pregunta
    <select id="color" name="color" size="3">
        <option>rojo</option>
        <option>amarillo</option>
        <option selected>verde</option>
    </select>
<form> Sirve para hacer un formulario de tipo escribir una respuesta
        <label form="nombre">Email</label> (si pones tipo text será texto)
        <input tipe="text" id="nombre" name="name"> (si pones tipo email solo podras ponerlo asi)
    </form> (tipo submit es para enviar el formulario)
(tipo password es para la contraseña)(tipo reset que restea)
Adentro del body Sirve para
<form> Para crear un botón que diga algo
    <button type="button" onclick="alert("hola");">boton</button>
    </form>
 <form> Para crear un botón que te envie a un lugar
    <button type="submit">boton</button>
    </form>
   <form> Sirve para hacer un buscador con el input
   <input list="colores">
   <datalist id="colores">
<option>rojo</option>
<option>amarillo</option>
<option>rosa</option>
<option>negro</option>
   </datalist>
    </form>
<form> tipo radio para poner multiples respuestas(si lo canbias a checkbox el name es separado para
                <input type=“radio" id=“red" name=“color“ value=“red”> poner respuestas multiples)
<label for=“red”>rojo</label><br> //
<input type=“radio" id=“green" name=“color“ value=“red”> (tipo color para mostrar y elegir colores)(month sirve para poner un mes y año)
<label for=“green”>rojo</label> (date para seleccionar la fecha)(number para poner numeros)
    </form> (date-time es para poner fecha y hora)
(file sirve para subir archivos aun servidor)
<input type=“range” name=“num” min=“0” max=“50” Sirve para poner un limite de o a 100
(tipo search para hacer un buscador)(tel es para telefonos)(time para hora)
(url es para poner url)
<video controls> Sirve para poner las opciones de video (tanbien se puede poner el tamaño)
<source src=“se coloca donde se ubica tu video” type=“video/mp4”> (control sirve para ponerle los controles al video)(type sirve para poner el tipo de video)
<source src=“se coloca donde se ubica tu video” type=“video/ogg”>
</video>
<audio controls> Sirve para poner las opciones del audio (control sirve para ponerle los controles al audio)
<source src=“se coloca donde se ubica tu audio” type=“audio/mpeg”> (type sirve para poner el tipo del audio) (tanbien se puede poner el tamaño)
<source src=“se coloca donde se ubica tu audio” type=“audio/ogg”> (al final se le pone la frase que quieres que diga si no se reproduce)
Tu navegador no es compatible con html:5
</audio>
Adentro del input Sirve para
Readonly Para que se envie pero no puedes escribir dentro

Disable Para que no se mande esa parte

Sixe=“” Sirve para poner escritura medida

Maxlength=“” Sirve para poner máximo de charateres sin aumentar ni disminuir su


tamaño

Max=“” min=“” Sirve para poner un máximo de dígitos en números y fechas

Multiple Sirve para poder elegir varios archivos al mismo tiempo

Pattern=“[A-Za-z]{3}” Sirve para que solo se pueda escribir ese numero de dijitos y clausulas

Placeholder=“nombre” Sirve para que se algo escrito en sombra

required Para que necesites si o si rellenar para ir a la otra carpeta

Step=“” Sirve para los números sean sucesivos al numro que elijas

Autofocus Sirve para que aparezcas tu flecha en el que elejiostes cada ves que lo
actualices
Adentro del head Sirve para
<style>table,th,td{border: 1 px solid black}</style> Para tener coloreado el borde en doble
<style>table,th,td{border: 1 px solid black; Para tener un solo borde
Border-callapse:collapse;}
</style>
<style></style> Sirve para poner estilo
<style>table,th,td{border: 1 px solid black; Para que la tabla tenga espacios de separación o interliniado
Border-callapse:collapse;}
Th,td{padding: 10px;}
</style>
<style>table,th,td{border: 1 px solid black; Para quitarle el centrado a la primera parte de la tabla
Border-callapse:collapse;}
Th,td{padding: 10px;}
Th{text-align: left;}
</style>

También podría gustarte