SlideShare una empresa de Scribd logo
1 de 6
Descargar para leer sin conexión
ULEAM.


          Sabando Conforme María Lisbeth.




                                    Etiquetas
                                     Básicas del
                                            Código
                                            HTML.




HTMLes el lenguaje en que se escriben los millones de
documentos que hoy existen en el World Wide Web.
Se      basa     en     la     sintaxis   SGML         (Standard
GeneralizedMarkupLanguage). Esto quiere decir que los
diferentes elementos (párrafos, encabezamientos, tablas, listas,...)
de un documento para la WWW se señalan intercalando etiquetas
que indican al navegador cómo debe mostrarlo.



Todas las páginas web tienen la siguiente estructura:
          <html>                        Abre el documento HTML
          <head>                      Abre el encabezado de la página.
      <title>…</title>                    Titulo de la página.
         </head>                         Cierra el encabezado.
                                     El cuerpo; es lo queremos que
     <body>… </body>                       muestre la página.
                                        Cierra el documento HTML
           </html>



                   Comandos básicos.
                       Formateo de texto:
   Etiqueta.                             Descripción.
                       Indica un comienzo de párrafo. Tiene como
    <p>…</p>           opciones align="center" ,"left" o "rig
                       ht", para centrar o alinear a derecha o izquierda
                       el texto.

                       Se usan para dividir correctamente en secciones
<h1>...</h1>           nuestra página, tal y como se hace en un
                       documento de texto normal. El mas importante
                       (grande) es <h1>, luego <h2> y así hasta <h7>.


<center></cente                            Permite centrar.
      r>
<pre></pre>        Representa el texto encerrado en ella con un tipo
                   de letra de paso fijo.

<pre>...</pre>     Representa el texto encerrado en ella con un tipo
                   de letra de paso fijo.

<blockquote>       Para dejar márgenes tanto a izquierda como a
</blockquote>      derecha (sangrar).

                   Inserta una línea horizontal o separador. De ellos
                   pueden modificarse varios atributos:
      <hr>         size="num", "%"grosor            de     la   barra
                   horizontal, en pixels o el porcentaje del ancho de
                   página.
                   width="num" anchura de la barra horizontal en
                   pixels.
                   align="..."alineamiento de la barra, puede
                   valer left, right o center .
                   Noshade elimina el aspecto tridimensional.


          Cambiar el estilo de letra:


          <b>...</b>                    Pone el texto en negrita.

          <i>...</i>             Representa el texto en
                                         cursiva.
         <u>...</u>                 Para subrayar algo.
         <s>...</s>                 Para tachar.
        <tt>...</tt>          Permite representar el
                              texto en un tipo de letra de
                              paso fijo.
      <sup>...</sup>                Letra superíndice.
      <sub>...</sub>                 Letra subíndice.
                              Con el parámetro color
<font color="red">rojo</font> permite cambiar de color
                              el texto (black, green,
                              purple, blue…)
<font size="2">Tamaño2</font> Cambia de tamaño, con
                                    valores del 1 al 7.
<fontface="Arial">…</font>          Con face podemos especificar
                                    el tipo de letra.




                    Elementos gráficos.
        <imgsrc="name">                   Incorpora una imagen
                                        Determina el contorno de
    <imgsrc="name"border=?>             la imagen. Un valor 0 no
                                             tendrá contorno

          <map></map>                      Mapa de imágenes.


 <body background="URL o ruta            Coloca la imagen como
     de archivo"></body>                  fondo de la página.
                                         Tamaño de una línea
          <hrsize=?>
                                              horizontal
                                       Ancho de línea horizontal,
          <hrwidth=?>                  ya sea porcentaje o valor
                                               absoluto.
                                         Línea horizontal sin
          <hrnoshade>
                                                sombra

                    Crear tablas:
<table></table>                    Crea tabla
    tr></tr>                Crea filas en una tabla
   <td></td>                Crea celda en una fila
                   Encabezado de tabla, texto normal, negrita y
   <th></th>                       centrado
Formas:
                                 Forma
    <form></form>

       <select              Menúdesplegable
name="name"></select>

      <option>               Opción del menú
                               desplegable
<textareaname="name"      Crea una caja de texto,
cols=40                 columnas es el ancho y las
rows=8></textarea>        líneas la altura (cols y
                                   rows)
        <input
   type="checkbox"          Crea un checkbox.
    name="name">

<input type="radio"
name="name"                Creabotón de radio.
value="x">

<input                   Crea una opción de texto
type=textname="name"          para entrada de
size=20>                 información o despliegue

<input type="submit"      Crea botón de envío de
value="name">               forma tipo submit

<input type="image"
border=0 name="name"     Crea botón de envío con
src="name.gif">                  imagen
GRACIAS.

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

Html
HtmlHtml
Html
 
ORGANIZADORES GRÁFICOS 2
ORGANIZADORES GRÁFICOS 2ORGANIZADORES GRÁFICOS 2
ORGANIZADORES GRÁFICOS 2
 
Tutorial de CodeBlocks
Tutorial de CodeBlocksTutorial de CodeBlocks
Tutorial de CodeBlocks
 
Fundamentos de tecnología multimedia
Fundamentos de tecnología multimediaFundamentos de tecnología multimedia
Fundamentos de tecnología multimedia
 
Elemento tipicos de las interfaces graficas de usuario
Elemento tipicos de las interfaces graficas de usuario Elemento tipicos de las interfaces graficas de usuario
Elemento tipicos de las interfaces graficas de usuario
 
Estructura switch case
Estructura switch caseEstructura switch case
Estructura switch case
 
Algoritmos de las practicas
Algoritmos de las practicasAlgoritmos de las practicas
Algoritmos de las practicas
 
Presentación creative commons ppt
Presentación creative commons pptPresentación creative commons ppt
Presentación creative commons ppt
 
Presentación JavaScript
Presentación JavaScriptPresentación JavaScript
Presentación JavaScript
 
Servidor web
Servidor webServidor web
Servidor web
 
Lenguaje natural pseudocodigo diagramacion y programacion
Lenguaje natural pseudocodigo diagramacion y programacionLenguaje natural pseudocodigo diagramacion y programacion
Lenguaje natural pseudocodigo diagramacion y programacion
 
Ejercicios de matrices y vectores en c++
Ejercicios de matrices y vectores en c++Ejercicios de matrices y vectores en c++
Ejercicios de matrices y vectores en c++
 
Emaze
EmazeEmaze
Emaze
 
Maquetación web
Maquetación webMaquetación web
Maquetación web
 
Introducción a HTML y CSS
Introducción a HTML y CSSIntroducción a HTML y CSS
Introducción a HTML y CSS
 
Herramienta frame en visual basic
Herramienta frame en visual basicHerramienta frame en visual basic
Herramienta frame en visual basic
 
Introducción al Diseño Web
Introducción al Diseño WebIntroducción al Diseño Web
Introducción al Diseño Web
 
Guía rápida de comandos html
Guía rápida de comandos htmlGuía rápida de comandos html
Guía rápida de comandos html
 
Ejercicios de python
Ejercicios de pythonEjercicios de python
Ejercicios de python
 
Servidor web
Servidor webServidor web
Servidor web
 

Destacado

Clase 1 - Comandos HTML.PDF
Clase 1 - Comandos HTML.PDFClase 1 - Comandos HTML.PDF
Clase 1 - Comandos HTML.PDFnicolasmolinach
 
Terminologia web
Terminologia webTerminologia web
Terminologia webAlan Ortega
 
Etiquetas basicas html
Etiquetas basicas htmlEtiquetas basicas html
Etiquetas basicas htmlMiguel Barajas
 
Crear una pagina web con bloc de notas
Crear una pagina web con bloc de notasCrear una pagina web con bloc de notas
Crear una pagina web con bloc de notasSandra Meza
 
Categorías de bloom
Categorías de bloomCategorías de bloom
Categorías de bloomsalinas26
 
Cuestionario html
Cuestionario htmlCuestionario html
Cuestionario htmlpaudiego
 
Guia de comandos html
Guia de comandos htmlGuia de comandos html
Guia de comandos htmllelabytes
 
CORREO DE LA USMP DESDE EL GMAIL
CORREO DE LA USMP DESDE EL GMAILCORREO DE LA USMP DESDE EL GMAIL
CORREO DE LA USMP DESDE EL GMAILSandra Meza
 
ALERTAS DE GOOGLE
ALERTAS DE GOOGLEALERTAS DE GOOGLE
ALERTAS DE GOOGLESandra Meza
 
unificar cuentas de correo
unificar cuentas de correounificar cuentas de correo
unificar cuentas de correoSandra Meza
 
FORMATO IEEE PARA ESCRIBIR ARTICULOS
FORMATO IEEE PARA ESCRIBIR ARTICULOSFORMATO IEEE PARA ESCRIBIR ARTICULOS
FORMATO IEEE PARA ESCRIBIR ARTICULOSSandra Meza
 
Guía para optimizar tu email marketing
Guía para optimizar tu email marketingGuía para optimizar tu email marketing
Guía para optimizar tu email marketingSandra Meza
 
MANUAL DE REDACCIÓN DE ARTÍCULOS CIENTÍFICOS
MANUAL DE REDACCIÓN DE ARTÍCULOS CIENTÍFICOSMANUAL DE REDACCIÓN DE ARTÍCULOS CIENTÍFICOS
MANUAL DE REDACCIÓN DE ARTÍCULOS CIENTÍFICOSSandra Meza
 
MANUAL PARA HACER UNA TESIS EN CIENCIAS EMPRESARIALES
MANUAL PARA HACER UNA TESIS EN CIENCIAS EMPRESARIALESMANUAL PARA HACER UNA TESIS EN CIENCIAS EMPRESARIALES
MANUAL PARA HACER UNA TESIS EN CIENCIAS EMPRESARIALESSandra Meza
 
MANUAL PARA HACER MONOGRAFIAS
MANUAL PARA HACER MONOGRAFIASMANUAL PARA HACER MONOGRAFIAS
MANUAL PARA HACER MONOGRAFIASSandra Meza
 
7 PASOS PARA UNA TESIS EXITOSA
7 PASOS PARA UNA TESIS EXITOSA7 PASOS PARA UNA TESIS EXITOSA
7 PASOS PARA UNA TESIS EXITOSASandra Meza
 

Destacado (20)

COMANDO HTML
COMANDO HTMLCOMANDO HTML
COMANDO HTML
 
comandos de pagina web
comandos de pagina webcomandos de pagina web
comandos de pagina web
 
Clase 1 - Comandos HTML.PDF
Clase 1 - Comandos HTML.PDFClase 1 - Comandos HTML.PDF
Clase 1 - Comandos HTML.PDF
 
Terminologia web
Terminologia webTerminologia web
Terminologia web
 
Etiquetas basicas html
Etiquetas basicas htmlEtiquetas basicas html
Etiquetas basicas html
 
Crear una pagina web con bloc de notas
Crear una pagina web con bloc de notasCrear una pagina web con bloc de notas
Crear una pagina web con bloc de notas
 
Comandos html
Comandos htmlComandos html
Comandos html
 
Categorías de bloom
Categorías de bloomCategorías de bloom
Categorías de bloom
 
Cuestionario html
Cuestionario htmlCuestionario html
Cuestionario html
 
Guia de comandos html
Guia de comandos htmlGuia de comandos html
Guia de comandos html
 
CORREO DE LA USMP DESDE EL GMAIL
CORREO DE LA USMP DESDE EL GMAILCORREO DE LA USMP DESDE EL GMAIL
CORREO DE LA USMP DESDE EL GMAIL
 
ALERTAS DE GOOGLE
ALERTAS DE GOOGLEALERTAS DE GOOGLE
ALERTAS DE GOOGLE
 
unificar cuentas de correo
unificar cuentas de correounificar cuentas de correo
unificar cuentas de correo
 
FORMATO IEEE PARA ESCRIBIR ARTICULOS
FORMATO IEEE PARA ESCRIBIR ARTICULOSFORMATO IEEE PARA ESCRIBIR ARTICULOS
FORMATO IEEE PARA ESCRIBIR ARTICULOS
 
Guía para optimizar tu email marketing
Guía para optimizar tu email marketingGuía para optimizar tu email marketing
Guía para optimizar tu email marketing
 
MANUAL DE REDACCIÓN DE ARTÍCULOS CIENTÍFICOS
MANUAL DE REDACCIÓN DE ARTÍCULOS CIENTÍFICOSMANUAL DE REDACCIÓN DE ARTÍCULOS CIENTÍFICOS
MANUAL DE REDACCIÓN DE ARTÍCULOS CIENTÍFICOS
 
MANUAL PARA HACER UNA TESIS EN CIENCIAS EMPRESARIALES
MANUAL PARA HACER UNA TESIS EN CIENCIAS EMPRESARIALESMANUAL PARA HACER UNA TESIS EN CIENCIAS EMPRESARIALES
MANUAL PARA HACER UNA TESIS EN CIENCIAS EMPRESARIALES
 
MANUAL PARA HACER MONOGRAFIAS
MANUAL PARA HACER MONOGRAFIASMANUAL PARA HACER MONOGRAFIAS
MANUAL PARA HACER MONOGRAFIAS
 
Informatica presentacion
Informatica presentacionInformatica presentacion
Informatica presentacion
 
7 PASOS PARA UNA TESIS EXITOSA
7 PASOS PARA UNA TESIS EXITOSA7 PASOS PARA UNA TESIS EXITOSA
7 PASOS PARA UNA TESIS EXITOSA
 

Similar a Comando básicos HTML.

Similar a Comando básicos HTML. (20)

Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
Elianyyyyy
ElianyyyyyElianyyyyy
Elianyyyyy
 
Elianyyyyy
ElianyyyyyElianyyyyy
Elianyyyyy
 
HTML
HTMLHTML
HTML
 
Etiquetas Basicas de Html
Etiquetas Basicas de HtmlEtiquetas Basicas de Html
Etiquetas Basicas de Html
 
Etquetas de html
Etquetas de htmlEtquetas de html
Etquetas de html
 
Etiquetas de html
Etiquetas de htmlEtiquetas de html
Etiquetas de html
 
Tecnología de la información
Tecnología de la informaciónTecnología de la información
Tecnología de la información
 
Curso html
Curso htmlCurso html
Curso html
 
Programación avamzada 1
Programación avamzada 1Programación avamzada 1
Programación avamzada 1
 
Deber k riss
Deber k rissDeber k riss
Deber k riss
 
Estructura html
Estructura htmlEstructura html
Estructura html
 
Deber vero
Deber veroDeber vero
Deber vero
 
Diseño de paginas con html
Diseño de paginas con htmlDiseño de paginas con html
Diseño de paginas con html
 
Etquetas pabo
Etquetas paboEtquetas pabo
Etquetas pabo
 
Resumen
ResumenResumen
Resumen
 
Etiquetas html por Chumo Angel
Etiquetas html por Chumo AngelEtiquetas html por Chumo Angel
Etiquetas html por Chumo Angel
 
Comandos html
Comandos htmlComandos html
Comandos html
 
Doctypehtml
DoctypehtmlDoctypehtml
Doctypehtml
 
Deber de pagina wed..!!!
Deber de pagina wed..!!!Deber de pagina wed..!!!
Deber de pagina wed..!!!
 

Comando básicos HTML.

  • 1. ULEAM. Sabando Conforme María Lisbeth. Etiquetas Básicas del Código HTML. HTMLes el lenguaje en que se escriben los millones de documentos que hoy existen en el World Wide Web.
  • 2. Se basa en la sintaxis SGML (Standard GeneralizedMarkupLanguage). Esto quiere decir que los diferentes elementos (párrafos, encabezamientos, tablas, listas,...) de un documento para la WWW se señalan intercalando etiquetas que indican al navegador cómo debe mostrarlo. Todas las páginas web tienen la siguiente estructura: <html> Abre el documento HTML <head> Abre el encabezado de la página. <title>…</title> Titulo de la página. </head> Cierra el encabezado. El cuerpo; es lo queremos que <body>… </body> muestre la página. Cierra el documento HTML </html> Comandos básicos. Formateo de texto: Etiqueta. Descripción. Indica un comienzo de párrafo. Tiene como <p>…</p> opciones align="center" ,"left" o "rig ht", para centrar o alinear a derecha o izquierda el texto. Se usan para dividir correctamente en secciones <h1>...</h1> nuestra página, tal y como se hace en un documento de texto normal. El mas importante (grande) es <h1>, luego <h2> y así hasta <h7>. <center></cente Permite centrar. r>
  • 3. <pre></pre> Representa el texto encerrado en ella con un tipo de letra de paso fijo. <pre>...</pre> Representa el texto encerrado en ella con un tipo de letra de paso fijo. <blockquote> Para dejar márgenes tanto a izquierda como a </blockquote> derecha (sangrar). Inserta una línea horizontal o separador. De ellos pueden modificarse varios atributos: <hr> size="num", "%"grosor de la barra horizontal, en pixels o el porcentaje del ancho de página. width="num" anchura de la barra horizontal en pixels. align="..."alineamiento de la barra, puede valer left, right o center . Noshade elimina el aspecto tridimensional. Cambiar el estilo de letra: <b>...</b> Pone el texto en negrita. <i>...</i> Representa el texto en cursiva. <u>...</u> Para subrayar algo. <s>...</s> Para tachar. <tt>...</tt> Permite representar el texto en un tipo de letra de paso fijo. <sup>...</sup> Letra superíndice. <sub>...</sub> Letra subíndice. Con el parámetro color <font color="red">rojo</font> permite cambiar de color el texto (black, green, purple, blue…)
  • 4. <font size="2">Tamaño2</font> Cambia de tamaño, con valores del 1 al 7. <fontface="Arial">…</font> Con face podemos especificar el tipo de letra. Elementos gráficos. <imgsrc="name"> Incorpora una imagen Determina el contorno de <imgsrc="name"border=?> la imagen. Un valor 0 no tendrá contorno <map></map> Mapa de imágenes. <body background="URL o ruta Coloca la imagen como de archivo"></body> fondo de la página. Tamaño de una línea <hrsize=?> horizontal Ancho de línea horizontal, <hrwidth=?> ya sea porcentaje o valor absoluto. Línea horizontal sin <hrnoshade> sombra Crear tablas: <table></table> Crea tabla tr></tr> Crea filas en una tabla <td></td> Crea celda en una fila Encabezado de tabla, texto normal, negrita y <th></th> centrado
  • 5. Formas: Forma <form></form> <select Menúdesplegable name="name"></select> <option> Opción del menú desplegable <textareaname="name" Crea una caja de texto, cols=40 columnas es el ancho y las rows=8></textarea> líneas la altura (cols y rows) <input type="checkbox" Crea un checkbox. name="name"> <input type="radio" name="name" Creabotón de radio. value="x"> <input Crea una opción de texto type=textname="name" para entrada de size=20> información o despliegue <input type="submit" Crea botón de envío de value="name"> forma tipo submit <input type="image" border=0 name="name" Crea botón de envío con src="name.gif"> imagen