Simplificación reciente de varios códigos que facilita el formateo de texto para su despliegue en páginas WEB
# Titulo
Texto de un parrafo con una sola palabra en **negritas**
## Listas
- Lista de "bullets"
- Otro
Texto con un *hyper-vínculo* a [google](https://www.google.com/ "Google")
1. Lista numerada
1. Mas elementos
1. Otro
Para iniciar creamos usando Notepad++ en el directorio curso un archivo index.md de texto con un titulo y tres secciones.
HyperText Markup Languaje es el que define los elementos básicos de una página WEB
<HTML>
<head>
<link rel="icon" href="image/favicon.ico">
<title>Hola</title>
</head>
<body>Hola mundo</body>
</HTML>
Cascade Style Sheet define el estilo, colores, dimensiones, fuentes, etc. de como se despliegan cada elemento de la página.
Normalmente se incluye llamando a un archivo en el encabezado head
<link href="css/estilo.css" rel="stylesheet" type="text/css">
En donde se definen las características de los elementos, por ejemplo el color
h4 {
color: #361d53;
}
Lenguaje dentro del navegador que permite la manipulación de los elementos de la página.
De manera análoga se incluye la llamada a un archivo con el código, esta vez al final del cuerpo body.
<script src="js/pinta.js"></script>
Librería de estilos y javascript que facilita el diseño de páginas.
Es una combinación de lo anterior por lo cual en nuestro caso incluimos en el encabezado
<link rel="stylesheet" href="css/bootstrap.min.css">
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" rel="stylesheet">
<-- Google font Arizonia -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Arizonia">
Y al final del cuerpo
<script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap-modal.js"></script>
Para como usar estas librerías podemos consultar la guía