Ir al contenido principal

Sintaxis Basica De HTML


SINTAXIS DE LA PÁGINA WEB CON HTML

imagen de página. fuente. dropshipping


El HTML: es en realidad un lenguaje muy lógico. Ciertamente, hay excepciones a las reglas, y hay modificaciones o interpretaciones de algunas de éstas. De todas formas, una vez que se asimile la estructura básica se empezarás a notar que el HTML es simplemente un conjunto de piezas lógicas que hacen de él un lenguaje muy cómodo de usar. Debemos tener en cuenta las tres partes bien diferenciadas de HTML al momento de que empecemos a hacer nuestra primera página web. Como por ejemplo:

 

<HTML>

<head>

<title> titulo de página </title>:

</head>

<body>

</body>

 </HTML>

 

Detalle principal de etiquetas de html con ciertas propiedades

 

<HTML> </HTML>: Define el inicio del documento HTML, le indica al navegador que lo que viene a continuación debe ser interpretado como código HTML.

<head></head>: define la cabecera del documento HTML; esta cabecera suele contener información sobre el documento que no se muestra directamente al usuario.

<title> </title>: Define el título de la página. Por lo general, el título aparece en la barra de encima de la ventana.

<body></body>: Define el contenido principal o cuerpo del documento. Esta es la parte del documento HTML que se muestra en el navegador. Ejemplo

<body bgcolor=”#0000”texto=”#000f ”link=”#000f” vlink=”0000#”></body> permite color de la página web, texto, a los link visitados o no visitados.

<h1> a <h3>: Encabezados o títulos del documento con diferente relevancia. Ejemplos

<h1 align=”center”> MI TITULO</h1>

<h1 align=”left”> SUBTITULO</h1>

<a></a>  hipervínculo o enlace, dentro o fuera del sitio web. Ejemplo

<a href=”# ”></a>: para poner un enlace.

<a href=”url”></a>:para enlace con url.

<a href=”mailto:correo ”> </a>:enlace a un email.

<b></b>  ó <strong> para texto en negrita. Ejemplos

<b>mi texto seleccionado</b>  

<i> ó <em>: para poner texto en cursiva. Ejemplo

<i>mi texto en cursiva</i>

<blockquote></blockquote>: se usa para dar espacio en el margen. Ejemplos

<blockquote>

Este es mi texto con el margen adecuado.

</blockquote>:

<br><br> Salto de línea.

<a>ahora voy a saltar de línea </a> <br>

<p></p> : Párrafo nuevo. Ejemplo

<p align=“justify”> justifico mi párrafo y voy a otro </p>.

Comentarios

Entradas populares de este blog

VOCABULARIO WEB

VOCABULARIO WEB imagen. fuente: computerworld  ACTIVE X : Componente que se puede insertar en una página Web para proporcionar una funcionalidad que no está directamente disponible en HTML, como secuencias de animación. Los controles ActiveX se pueden implementar en diferentes lenguajes de programación. imagen. fuente: taringa  ADSENSE : Es el sistema de Google de publicidad en red. Cualquier sitio web aprobado por Google, puede colocar un “código” proporcionado por Google y unirse a la red de anuncios publicitarios  imagen. fuente: mundo utópico de nico AVATAR : Actualmente en las nuevas tecnologías y en internet , se asocia la palabra avatar a la representación gráfica (mediante un dibujo o fotografía) de una persona para su identificación. Algunas tecnologías permiten también el uso de avatares en tres dimensiones. imagen. fuente: solucion1 BANER : Son espacios publicitarios en las páginas los cuales describ...

CRUCIGRAMA ECOLOGICO

imagen. fuente. Ecology

ADOBE MUSE

  ¿Qué es Adobe Muse? imagen.fuente: adobecommunity Es una nueva aplicación destinada a aquellos que quieren diseñar webs, pero no quiere aprender a picar código. Esto, que para muchos sonará casi una aberración, quiere servir de ayuda a aquellos diseñadores que se imaginan una web, pero no saben cómo hacerla realidad. Al menos, así quieren verlo desde Adobe: “Lo que hemos visto es que las herramientas que están disponibles para que los diseñadores creen experiencias digitales requieren saber código. Pero la mayoría de los diseñadores o no lo quieren o no están interesados en aprenderlo o lo han hecho y no es la manera en que funciona su mente. Lo que nos dicen es que quisieran diseñar una web tan fácilmente como trabajan con InDesign, Illustrator o Photoshop”. El código que es generado por Adobe Muse es aprovecha las características de HTML5 y CSS3, buscando de este modo ofrecer una aplicación moderna y que ofrezca a los usuarios que lo usen utilizar estos...