El documento explica los tags HTML y CSS más importantes para crear páginas web, incluyendo <html>, <head>, <title>, <body>, tags para formato de texto como <h1-h6>, listas como <ul> y <ol>, tablas como <table>, imágenes como <img>, y saltos de línea como <br>. También describe cómo organizar los archivos y carpetas para un sitio web básico con HTML, CSS e imágenes.
1. HTML 5 Y CSS
Antes de empezar a crear nuestra página es importante saber
algunos Tags utilizados para realizar páginas web
Estos tags son los que principalmente se utilizan
<HTML> inicio del documento
<HEAD> inicio de la cabecera
<TITLE> inicio del titulo
</TITLE> final del titulo
</HEAD> final de la cabecera
<BODY> inicio de la página
Comandos HTML para ubicar los elementos de la página como
texto, imágenes, tablas, etc.
Tamaños de letras
<h1> tamaño de letra grande
<h2> tamaño de letra mediana
<h3> tamaño de letra más pequeño
Y así sucesivamente con <h4> <h5> <h6> <h7>
<ul> sirve para hacer un listado no ordenado</ul>
<ol> este sirve para hacer un listado ya ordenado</ol>
<table> se lo emplea para realizar tablas</table> en el
se encuentran el <tr>que sirve para hacer las filas y el <td> las
columnas
<img> sirve para colocar imágenes en el tenemos que escribir el
lugar donde se encuentra la imagen ejemplo
<img src ="/img para blog/akiyama.png"> el src es una
característica especial que siempre debe colocarse seguido del
igual y entre comillas las carpeta en que se encuentran en este
caso img para blog seguido de un / y luego colocar el nombre con
el cual se encuentra la imagen un punto y el formato en que se
encuentra
<br> es un tag que sirve para saltar espacios y este no hay
necesidad de cerrarlo
</BODY> final de la pagina
</HTML> final del documento
2. De esta forma ya conociendo estos tags vamos organizando
nuestra página web, de tal manera que nos quedara de la siguiente
manera
Primero que todo empezamos creando una carpeta en el lugar que
tú quieras llamada HTML, y dentro de esta una que diga CSS y
dentro de esta una que diga IMAGENES en las que vas a meter las
imágenes que quieres colocar en la página web
Y luego dando clic izquierdo seleccionamos nuevo y documento de
texto
Al que lo llamaremos index.html, ya que cualquier servidor entiende
index siempre
3. Posteriormente pasamos a abrir Notepad++ Para iniciar con la
creación de nuestra página web abriendo el documento de texto al
que llamamos index.html
Lo primero que se va hacer en la estructura de un documento html
es teclear siempre al inicio <!DOCTYPE HTML>
Y visto los anteriores tags, vamos organizando nuestra página web
de tal forma que nos quede de la siguiente manera
4.
5. Y al ejecutarlo lo podemos ejecutar en cualquier servidor
De tal manera que nuestra página web queda así