Introducción al Desarrollo Web

Estructura de una página web

Documento HTML

<html>
  <head>...

Servidor

Navegador (intérprete)

FRONT END

BACK END

La Trinidad

HTML

CSS

JAVASCRIPT

Estructura

Estilo

Comportamiento

HTML

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Título</title>
  </head>
  <body>
    <h1>Tema 1</h1>
    <p>Descripción tema 1.</p>
  </body>
</html>

HEAD

BODY

<marca>... </Marca>
<tag>...</tag>

Marcas HTML

  • <head>
  • <body>
  • <br>reak
  • <h1>, <h2>, ... , <h6> Heading 1..6
  • <b>old, <i>talic, <u>nderline
  • <p>aragraph
  • <ul>ist y <ol>ist
  • <img src=""> image
  • <a href=""> link
  • <script> y <style>
  • <header>, <nav>, <section>, <article>, <aside>, <footer>
  • <form>

Introducción al Desarrollo Web

By Tato Salvi

Introducción al Desarrollo Web

  • 342