Programación de HTML
Enviado por nitro1414 • 7 de Mayo de 2023 • Documentos de Investigación • 903 Palabras (4 Páginas) • 25 Visitas
Programación de html
Primera lección: para reorganizar el código en HTML se tiene que poner de primero es <p> y el final </p> por ejemplo: <p>bienvenido jairo martinez</p>
HTML: es la estructura de la pagina web
CSS: es la presentación de la página web
JavaScript: es el comportamiento de pagina web
Etiqueta general: la etiqueta <¡doctype html>, la etiqueta <head>, después sigue la etiqueta <body> ejemplos:
<¡doctype html>
<head>…</head>
<body>…</body>
</html>
Etiqueta de titulo de pagina: <title>…</title>
Etiqueta de encabezado:<h1> se escribe así en html y el 1 es el tamaño de la letra, mientras el mayor es el numero es menor la letra
Etiqueta <p>: es para poner parrafo
Etiqueta de versión de html: <¡doctype> es para poner la versión de la pagina
Etiqueta de atributo:< Lang>=¨es¨: es para poner el lenguaje de la pagina web en español u otro idioma
Etiqueta atributo:< mate name=¨description¨content=¨bienvenido jairo¨ es para poner palabras claves y que nuestro navegador la muestre ejemplos de atributos:
meta name="description" content="bienvenido jairo martinez tengo 12 años y estoy aprendiendo a programar"/>
<meta name="author" content="jairo martinez"/>
<meta name="keywords" content="programacion apendiendo cada dia"/>
Etiqueta de atributo< mate charset>: esta es se pone antes del titulo y se usa para indicar a la pagina web si quieres poner emoticones ejemplos:
<meta name="utf-8"/>
Etiqueta <nav>: es la navegación de la pagina web y se tiene que escribir los siguientes etiqueta dentro de la <nav>
Etiquetas <ul>…<ul>: son para redirigir a otra pagina web y para poner ítems se pone otra etiqueta llamada <li>…<li/>
La etiqueta <section>…<section>:es para poner varios artículos en la misma pagina web
Etiqueta <article>…</articule>: es para detallar los artículos en una misma sección y esta etiqueta va en la etiqueta section
Etiqueta <time datetime=: es para poner fecha, hora y año
Etiqueta aside: esta etiqueta va ir en el lado de la etiqueta section
Etiqueta <blockquote cite>: es para poner citas o un poema y esta etiqueta va adentro de aside
Etiqueta <footer>: es para poner el pie de pagina y también funciona para poner encabezado a los articulos
Etiqueta <hgroup>: es para poner en la section y no darle jerarquía del mismo nivel del primer h1
Etiqueta <a href>: que funciona para poner enlaces y dirigirse a otra paginas ingles
Etiqueta de <address>: es para indicar a la pagina que es un sitio web
Etiqueta <img scr>: es para poner imagen
Etiqueta <small>: es para poner el texto del párrafo que estamos escribiendo
Etiqueta <cite>: es para poner la letra cursiva y también se utiliza en <aside> con la etiqueta blockquote cite>
Etiqueta <header>:
Etiqueta Link: para asociar un archivo con otro
Etiqueta button: es para poner botones
Etiqueta <script src=/> es para enlazar un archivo con otro y de java script
Etiqueta form: es para poner formulario
Etiqueta input:
Etiqueta placeholde: es para poner el efecto de que salga indicaciones o palabras entre input
Etiqueta
Códigos css
Etiqueta <span>: es para poder alterar el texto de párrafo por css
Etiqueta <style>: es para darle estilo a la pagina wed. lo puede llevar cualquier etiqueta y también se pone en la cabecera y decirle especificado a quien editar.
...