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

CRUCIGRAMA ECOLOGICO

imagen. fuente. Ecology
http://embed.edim.co/embed/popup?embed=%3Ciframe%20class%3D%22embedly-embed%22%20src%3D%22%2F%2Fcdn.embedly.com%2Fwidgets%2Fmedia.html%3Fsrc%3Dhttp%253A%252F%252Fwww.youtube.com%252Fembed%252Fju-3cTuxliA%253Ffeature%253Doembed%26url%3Dhttp%253A%252F%252Fwww.youtube.com%252Fwatch%253Fv%253Dju-3cTuxliA%26image%3Dhttp%253A%252F%252Fi.ytimg.com%252Fvi%252Fju-3cTuxliA%252Fhqdefault.jpg%26key%3D242ffba84156461c9117ad8ddc27c039%26type%3Dtext%252Fhtml%26schema%3Dyoutube%22%20width%3D%22470%22%20height%3D%22352.5%22%20scrolling%3D%22no%22%20frameborder%3D%220%22%20allowfullscreen%3E%3C%2Fiframe%3E

DREAMWEAVER

Adobe Dreamweaver imagen.fuente: softonic Es un software de edición en forma de un estudio (basado en la forma de Adobe Flash) su propósito es construir, desarrollar, diseñar y editar sitios, vídeos y aplicaciones web. Inicialmente fue creado por Macromedia pero actualmente es desarrollado por Adobe Systems. Adobe Dreamweaver se ha convertido en el programa más utilizado para el diseño y la programación web, esto gracias a las funciones que posee, su fácil integración a otros programas como Adobe Flash y recientemente por su soporte para estándares del World Wide WebConsortium En sus orígenes Adobe Dreamweaver era utilizada como simple editor del tipo WYSIWYG. Pero las versiones recientes incorporan tecnologías como CSS, Javascript y algunos frameworks del lado del servidor. El éxito de este programa ha venido en aumento desde finales del año 1999, tanto que actualmente posee el 90% de participación en el mercado de editores HTML. Se encuentra disponible para comp...