1.
- Cambiar texto plano a HTML
2.-Poner <htm.. y opción HTML
3.-Dentro del <head> el <meta>, <title>, <style>, <link> y <script>
<meta>
<meta http-equiv=”Content-Type” content=”text/html;charset=UTF-8” />
<meta name="keywords" content="HTML, CSS, JavaScript">
<meta name="description "content="Tutorial HTML5">
<metaname="author"content="Elena">
<meta name=”email” content=”nombreautor@[Link]” />
<style>
<style type=”text/css”>
[Link]
{ color: red; }
</style>
<script>
<script type=”text/javascript”>alert(‘hola mundo’);</script>
<script type=”text/javascript” src=”hola_mundo.js” />
<!-- aquí el comentario -->
4.-Dentro del <body> el <hx> x= 1 2 3 4 5 6, <p>, <pre> y </br>, <hr>
<hr>
<p aling=’’rigth, centre, justify, left’’>
4.1.- Listas <ol>/<ul> y <li>
4.2.- <table>
<caption>
<thead> o <th> y <tbody> o <tb>
Añadir celdas
<tr> (en <thead> <th>) (en <tbody> <td>)
<table border=’’x’’ width-‘’25% 50% 100%...’’> x=1, 2, 3, 4…
<th rowspan-‘’nº’’> (filas combinadas) y <th colspan-‘’nº’’>(columnas combinadas)
<strong> o <b>
<font size="4"> o big/small
<em> o <i>
<del> o <strike>
Espacio en blanco:
<img>
<src> URL o ruta
<alt> Texto alternativo
<heigth> y <width> Altura y Anchura
<a>
<a href=’’url’’> link text</a>
<a href=’’[Link] Tutorial HTML</a>
<a href=’’#título’’>volver al capítulo 5</a>
_self Misma pagina
_blank pestaña nuevas
<a href="[Link]
<a href="[Link]">Imagen Servidor</a>
<a href="[Link] target="_blank">
<img src="[Link]" alt="Busca el video que quieras" style="width:42px;height:42px;">
</a>
<div>
<div class=´´rojo’’>esto es una capa </div>
<a href=’’#título’’>volver al inicio>/a>
<span>
<p`>dentro de este texto resaltaremos lo que es <span class=’’rojo’’>importante</spam></p>
<span>
Atributos
Id: identifica el elemento, valor único en toda la pagina
Class: identifica varios elementos
Style: añade los estilos CSS especificados en el valor del atributo
Title: añade texto explicativo, se muestra al pasar el cursor
