Aclaración de anticipo: El post parece muy crap, pero lo que es Html es dificil ver algo lindo.
Es solo codigo lo que hay que aprender. Aconsejo imprimirlo como lo voy hacer yo.
Exponde lo básico de html.
Si queres empezar ahora te aconsejo que habras el block de notas y pongas esto
<html>
<head>
</head>
<body>
Hola bienvenid@ a mi post.
</body>
</html>
Y guardalo como con Mi primer página web.html en el escritorio. sino guardalo en adentro de una carpeta en el escritorio es mas aconsejable.
Desde Aquí podes copiar y pegar en word e imprimir por eso no pongo ninguna imagen o separador.
La estructura básica de una página HTML es:
<html>
<head>
</head>
<body>
Cuerpo de la página.
</body>
</html>
Salto de Linea
Si escribimos en el cuerpo de la pagína a diseñar van a ver que todo lo que pongan va estar todo en la misma linea. Para solucionar esto
Para indicarle al navegador que queremos que continúe en la próxima línea debemos hacerlo con el elemento HTML <br>. <br> viene de break
<html>
<head>
</head>
<body>
PHP<br>
JavaScript<br>
Java<br>
C<br>
C++
</body>
</html>
Crear párrafos
Dentro de un párrafo puede haber saltos de línea <br>.
<html>
<head>
</head>
<body>
<p>
SQL, Structure Query Language (Lenguaje de Consulta Estructurado) es un lenguaje
de programacion para trabajar con base de datos relacionales como MySQL, Oracle,
etc.<br>
MySQL es un interpretador de SQL, es un servidor de base de datos.<br>
MySQL permite crear base de datos y tablas, insertar datos, modificarlos, eliminarlos,
ordenarlos, hacer consultas y realizar muchas operaciones, etc., resumiendo: administrar
bases de datos.
</p>
<p>
Este tutorial tiene por objetivo acercar los conceptos iniciales para introducirse
en el mundo de las bases de datos.
</p>
</body>
</html>
Vemos evidentemente dos parrafos y uno usa un <br>
Crear títulos que se destaquen
Otros elementos HTML muy utilizados son para indicar los títulos, para esto contamos con los elementos:
<h1><h2><h3><h4><h5><h6>
Para cerrar los mismo es con "/" ejemplo <h1>MI primer título</h1>
<html>
<head>
</head>
<body>
<h1>Tipos de datos en MySQL</h1>
<h2>varchar</h2>
<p>
se usa para almacenar cadenas de caracteres. Una cadena es una secuencia de caracteres.
Se coloca entre comillas (simples): 'Hola'.<br>
El tipo "varchar" define una cadena de longitud variable en la cual
determinamos el máximo de caracteres. Puede guardar hasta 255 caracteres.
Para almacenar cadenas de hasta 30 caracteres, definimos un campo de tipo varchar(30).
</p>
<h2>int</h2>
<p>
Se usa para guardar valores numéricos enteros, de -2000000000 a 2000000000
aproximadamente.<br> Definimos campos de este tipo cuando queremos representar,
por ejemplo, cantidades.
</p>
</body>
</html>
El <h6> es el títulos mas chico.
Poner una imagen
Hay dos maneras, una buscandola en la web o directamente desde la pc.
Desde la pc
<img src="Nueva CarpetaResourceshtml.jpg" width=250 heigt=180 border=5>
Desde internet
<img src="http://d3sdoylwcs36el.cloudfront.net/images-CI/HTML_newsletter_3053927.jpg" alt="Hoja papel con sixtasis html escrita">
El alt si quieren lo pueden poner como no, Lo unico que hace es que si el usuario no puede ver la imagen aparesca ese mensaje.
Crear Listas
Lista ordenada, es decir numerada.
<html>
<head>
</head>
<body>
<ol>
<li>Rodriguez Pablo</li>
<li>Gonzalez Raul</li>
<li>Lopez Hector</li>
</ol>
</body>
</html>
Lista no ordena, viñetas
<html>
<head>
</head>
<body>
<h2>Lenguajes de programación.</h2>
<ul>
<li>C</li>
<li>C++</li>
<li>Java</li>
<li>C#</li>
</ul>
</body>
</html>
Aclaraciones:
<ul> viene de unordered list
<li> viene de list item
--------------------------------------------------
<ol> viene de ordened list
<li> viene de list item
Lista Deficiones
<html>
<head>
</head>
<body>
<dl>
<dt>C++</dt>
<dd>Es un lenguaje de programación, diseñado a mediados de
los años 1980, por Bjarne Stroustrup, como extensión del lenguaje
de programación C.</dd>
<dt>Java</dt>
<dd>Es un lenguaje de programación orientado a objetos desarrollado
por Sun Microsystems a principios de los 90.</dd>
<dt>JavaScript</dt>
<dd>Es un lenguaje interpretado, es decir, que no requiere compilación,
utilizado principalmente en páginas web, con una sintaxis semejante a la
del lenguaje C.</dd>
</dl>
</body>
</html>
Resultado:
C++
Es un lenguaje de programación, diseñado a mediados de los años 1980, por Bjarne Stroustrup, como extensión del lenguaje de programación C.
Java
Es un lenguaje de programación orientado a objetos desarrollado por Sun Microsystems a principios de los 90.
JavaScript
Es un lenguaje interpretado, es decir, que no requiere compilación, utilizado principalmente en páginas web, con una sintaxis semejante a la del lenguaje C.
Aclaración:
<dl> viene de definition list
<dt> viene de definition term
<dd> viene de definition description
Listas anidadas.
Versión anidar
<body>
<ol>
<li>Argentina</li>
<ul>
<li>La Nación</li>
<li>Clarín</li>
<li>Página 12</li>
</ul>
<li>México</li>
<ol>
<li>La jornada</li>
<li>El liberal</li>
</ol>
</li>
</body>
Resultado
1.Argentina
o-La Nación
o-Clarín
o-Página 12
2.México
1.La jornada
2.El liberal
Como veran la versión anidar puedes hacer combinaciones de ordena y no ordenada.
Si queres pondes poner comentarios en el archivo de texto en alguna parte de la sintaxis para saber que estas haciendo.
Comentarios dentro de una página <!-- -->
Ejemplo:
<!--Voy hacer una una lista anidada-->
<body>
<ol>
<li>Argentina</li>
<ul>
<li>La Nación</li>
<li>Clarín</li>
<li>Página 12</li>
</ul>
<li>México</li>
<ol>
<li>La jornada</li>
<li>El liberal</li>
</ol>
</li>
</body>
Video para comenzar
SI no entediste un carajo sobre como poner una imagen acá el video
FIN DEL POST.
Lo guarde en borrador por si alguno me quiere denunciar.
Si alguien quiere modifique o ponga algo mas diganme en el comentario yo lo agrego. Total deje la fuente que me parece mejor que el post.
Es solo codigo lo que hay que aprender. Aconsejo imprimirlo como lo voy hacer yo.
Exponde lo básico de html.
Si queres empezar ahora te aconsejo que habras el block de notas y pongas esto
<html>
<head>
</head>
<body>
Hola bienvenid@ a mi post.
</body>
</html>
Y guardalo como con Mi primer página web.html en el escritorio. sino guardalo en adentro de una carpeta en el escritorio es mas aconsejable.
Desde Aquí podes copiar y pegar en word e imprimir por eso no pongo ninguna imagen o separador.
La estructura básica de una página HTML es:
<html>
<head>
</head>
<body>
Cuerpo de la página.
</body>
</html>
Salto de Linea
Si escribimos en el cuerpo de la pagína a diseñar van a ver que todo lo que pongan va estar todo en la misma linea. Para solucionar esto
Para indicarle al navegador que queremos que continúe en la próxima línea debemos hacerlo con el elemento HTML <br>. <br> viene de break
<html>
<head>
</head>
<body>
PHP<br>
JavaScript<br>
Java<br>
C<br>
C++
</body>
</html>
Crear párrafos
Dentro de un párrafo puede haber saltos de línea <br>.
<html>
<head>
</head>
<body>
<p>
SQL, Structure Query Language (Lenguaje de Consulta Estructurado) es un lenguaje
de programacion para trabajar con base de datos relacionales como MySQL, Oracle,
etc.<br>
MySQL es un interpretador de SQL, es un servidor de base de datos.<br>
MySQL permite crear base de datos y tablas, insertar datos, modificarlos, eliminarlos,
ordenarlos, hacer consultas y realizar muchas operaciones, etc., resumiendo: administrar
bases de datos.
</p>
<p>
Este tutorial tiene por objetivo acercar los conceptos iniciales para introducirse
en el mundo de las bases de datos.
</p>
</body>
</html>
Vemos evidentemente dos parrafos y uno usa un <br>
Crear títulos que se destaquen
Otros elementos HTML muy utilizados son para indicar los títulos, para esto contamos con los elementos:
<h1><h2><h3><h4><h5><h6>
Para cerrar los mismo es con "/" ejemplo <h1>MI primer título</h1>
<html>
<head>
</head>
<body>
<h1>Tipos de datos en MySQL</h1>
<h2>varchar</h2>
<p>
se usa para almacenar cadenas de caracteres. Una cadena es una secuencia de caracteres.
Se coloca entre comillas (simples): 'Hola'.<br>
El tipo "varchar" define una cadena de longitud variable en la cual
determinamos el máximo de caracteres. Puede guardar hasta 255 caracteres.
Para almacenar cadenas de hasta 30 caracteres, definimos un campo de tipo varchar(30).
</p>
<h2>int</h2>
<p>
Se usa para guardar valores numéricos enteros, de -2000000000 a 2000000000
aproximadamente.<br> Definimos campos de este tipo cuando queremos representar,
por ejemplo, cantidades.
</p>
</body>
</html>
El <h6> es el títulos mas chico.
Poner una imagen
Hay dos maneras, una buscandola en la web o directamente desde la pc.
Desde la pc
<img src="Nueva CarpetaResourceshtml.jpg" width=250 heigt=180 border=5>
Desde internet
<img src="http://d3sdoylwcs36el.cloudfront.net/images-CI/HTML_newsletter_3053927.jpg" alt="Hoja papel con sixtasis html escrita">
El alt si quieren lo pueden poner como no, Lo unico que hace es que si el usuario no puede ver la imagen aparesca ese mensaje.
Crear Listas
Lista ordenada, es decir numerada.
<html>
<head>
</head>
<body>
<ol>
<li>Rodriguez Pablo</li>
<li>Gonzalez Raul</li>
<li>Lopez Hector</li>
</ol>
</body>
</html>
Lista no ordena, viñetas
<html>
<head>
</head>
<body>
<h2>Lenguajes de programación.</h2>
<ul>
<li>C</li>
<li>C++</li>
<li>Java</li>
<li>C#</li>
</ul>
</body>
</html>
Aclaraciones:
<ul> viene de unordered list
<li> viene de list item
--------------------------------------------------
<ol> viene de ordened list
<li> viene de list item
Lista Deficiones
<html>
<head>
</head>
<body>
<dl>
<dt>C++</dt>
<dd>Es un lenguaje de programación, diseñado a mediados de
los años 1980, por Bjarne Stroustrup, como extensión del lenguaje
de programación C.</dd>
<dt>Java</dt>
<dd>Es un lenguaje de programación orientado a objetos desarrollado
por Sun Microsystems a principios de los 90.</dd>
<dt>JavaScript</dt>
<dd>Es un lenguaje interpretado, es decir, que no requiere compilación,
utilizado principalmente en páginas web, con una sintaxis semejante a la
del lenguaje C.</dd>
</dl>
</body>
</html>
Resultado:
C++
Es un lenguaje de programación, diseñado a mediados de los años 1980, por Bjarne Stroustrup, como extensión del lenguaje de programación C.
Java
Es un lenguaje de programación orientado a objetos desarrollado por Sun Microsystems a principios de los 90.
JavaScript
Es un lenguaje interpretado, es decir, que no requiere compilación, utilizado principalmente en páginas web, con una sintaxis semejante a la del lenguaje C.
Aclaración:
<dl> viene de definition list
<dt> viene de definition term
<dd> viene de definition description
Listas anidadas.
Versión anidar
<body>
<ol>
<li>Argentina</li>
<ul>
<li>La Nación</li>
<li>Clarín</li>
<li>Página 12</li>
</ul>
<li>México</li>
<ol>
<li>La jornada</li>
<li>El liberal</li>
</ol>
</li>
</body>
Resultado
1.Argentina
o-La Nación
o-Clarín
o-Página 12
2.México
1.La jornada
2.El liberal
Como veran la versión anidar puedes hacer combinaciones de ordena y no ordenada.
Si queres pondes poner comentarios en el archivo de texto en alguna parte de la sintaxis para saber que estas haciendo.
Comentarios dentro de una página <!-- -->
Ejemplo:
<!--Voy hacer una una lista anidada-->
<body>
<ol>
<li>Argentina</li>
<ul>
<li>La Nación</li>
<li>Clarín</li>
<li>Página 12</li>
</ul>
<li>México</li>
<ol>
<li>La jornada</li>
<li>El liberal</li>
</ol>
</li>
</body>
Video para comenzar
SI no entediste un carajo sobre como poner una imagen acá el video
FIN DEL POST.
Lo guarde en borrador por si alguno me quiere denunciar.
Si alguien quiere modifique o ponga algo mas diganme en el comentario yo lo agrego. Total deje la fuente que me parece mejor que el post.