rnek0/2_Seccion_Conceptos_Basicos.html

## 2_Seccion_Conceptos_Basicos.html
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
<head>
  <meta charset="utf-8" />
  <meta name="generator" content="pandoc" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
  <title>2_Seccion_Conceptos_Basicos</title>
  <style>
    code{white-space: pre-wrap;}
    span.smallcaps{font-variant: small-caps;}
    div.columns{display: flex; gap: min(4vw, 1.5em);}
    div.column{flex: auto; overflow-x: auto;}
    div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
    ul.task-list{list-style: none;}
    ul.task-list li input[type="checkbox"] {
      width: 0.8em;
      margin: 0 0.8em 0.2em -1.6em;
      vertical-align: middle;
    }
    .display.math{display: block; text-align: center; margin: 0.5rem auto;}
  </style>
  <link rel="stylesheet" href="./styles/rnek0.css" />
  <!--[if lt IE 9]>
    <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
  <![endif]-->
</head>
<body>
<h1 id="seccion-2---conceptos-básicos">Seccion 2 - Conceptos
básicos</h1>
<ol type="1">
<li>Direcciones IP (IPV4 e IPV6)</li>
<li>Direcciones MAC (OUI y NIC)</li>
<li>Protocolos comunes (UDP, TCP) y el famoso Three-Way Handshake</li>
<li>El modelo OSI – ¿En qué consiste y cómo se estructura la actividad
de red en capas?</li>
<li>Subnetting – ¿Qué es y cómo se interpreta una máscara de red?</li>
<li>Subnetting – CIDRs y cálculo total de hosts</li>
<li>Subnetting – Máscaras de subred, tipos de clase e interpretación de
prefijos de red</li>
<li>Subnetting – Interpretación de los rangos de red que el cliente nos
ofrece para auditar</li>
<li>Subnetting – Redes extrañas y casos particulares</li>
<li>Cuestionario de subnetting y redes</li>
</ol>
<hr />
</body>
</html>

## 2_Seccion_Conceptos_Basicos.md

      
    Raw
  

              2_Seccion_Conceptos_Basicos.md
            
          
    Seccion 2 - Conceptos básicos


Direcciones IP (IPV4 e IPV6)
Direcciones MAC (OUI y NIC)
Protocolos comunes (UDP, TCP) y el famoso Three-Way Handshake
El modelo OSI – ¿En qué consiste y cómo se estructura la actividad de red en capas?
Subnetting – ¿Qué es y cómo se interpreta una máscara de red?
Subnetting – CIDRs y cálculo total de hosts
Subnetting – Máscaras de subred, tipos de clase e interpretación de prefijos de red
Subnetting – Interpretación de los rangos de red que el cliente nos ofrece para auditar
Subnetting – Redes extrañas y casos particulares
Cuestionario de subnetting y redes
TIPS de subnetting y cálculo veloz de direccionamiento en redes


## rnek0.css
/*
Generation of .html page with .css from .md with pandoc (content of .md from https://hack4u.io/cursos/introduccion-al-hacking/) :

❯ pandoc -s -f markdown -t html5 -o 2Conceptos_Basicos.html 2_Seccion_Conceptos_Basicos.md --css ./styles/rnek0.css
[WARNING] This document format requires a nonempty <title> element.
  Defaulting to '2_Seccion_Conceptos_Basicos' as the title.
  To specify a title, use 'title' in metadata or --metadata title="...".

*/

html {
  /* background: url(../img/bg.png) no-repeat center top; */
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 95%;
  margin: 1% auto;
  background-color: black;
}

body{
  padding: 8px;
  font-size: medium;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
}

h1{
  font-size: x-large;
  color: #08485A;
  text-shadow: 1px 1px 1px #70a9b9;
}

h2{
  font-size: large;
  color: #175D71;
  text-shadow: 1px 1px 0.5px #70a9b9;
}

pre, :not(pre) > code{
 border:1px dashed black;
 box-shadow:0 0 0.5em rgba(0,0,0,0.4) inset;

 margin-top:0.5rem;
 font-size:0.9rem;
 background-color:#c0c0c0;
 color:black;
 padding: 0.5rem;
 line-height:1.1rem;
 overflow:auto;
 white-space:pre-wrap;
 opacity: 0.6
}

p{
  color:#70a9b9;
  line-height: 2;
  letter-spacing: 1px;
}

li{
  color:#bbb;
}

a:link {
  color: #2B75B1;
}

a:visited {
  color: #a0a0a0;
}

a:active {
  text-decoration: #2B75B1;
}

a:hover {
  color: #2250B1;
}
	<!DOCTYPE html>
	<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
	<head>
	<meta charset="utf-8" />
	<meta name="generator" content="pandoc" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
	<title>2_Seccion_Conceptos_Basicos</title>
	<style>
	code{white-space: pre-wrap;}
	span.smallcaps{font-variant: small-caps;}
	div.columns{display: flex; gap: min(4vw, 1.5em);}
	div.column{flex: auto; overflow-x: auto;}
	div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
	ul.task-list{list-style: none;}
	ul.task-list li input[type="checkbox"] {
	width: 0.8em;
	margin: 0 0.8em 0.2em -1.6em;
	vertical-align: middle;
	}
	.display.math{display: block; text-align: center; margin: 0.5rem auto;}
	</style>
	<link rel="stylesheet" href="./styles/rnek0.css" />
	<!--[if lt IE 9]>
	<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
	<![endif]-->
	</head>
	<body>
	<h1 id="seccion-2---conceptos-básicos">Seccion 2 - Conceptos
	básicos</h1>
	<ol type="1">
	<li>Direcciones IP (IPV4 e IPV6)</li>
	<li>Direcciones MAC (OUI y NIC)</li>
	<li>Protocolos comunes (UDP, TCP) y el famoso Three-Way Handshake</li>
	<li>El modelo OSI – ¿En qué consiste y cómo se estructura la actividad
	de red en capas?</li>
	<li>Subnetting – ¿Qué es y cómo se interpreta una máscara de red?</li>
	<li>Subnetting – CIDRs y cálculo total de hosts</li>
	<li>Subnetting – Máscaras de subred, tipos de clase e interpretación de
	prefijos de red</li>
	<li>Subnetting – Interpretación de los rangos de red que el cliente nos
	ofrece para auditar</li>
	<li>Subnetting – Redes extrañas y casos particulares</li>
	<li>Cuestionario de subnetting y redes</li>
	</ol>
	<hr />
	</body>
	</html>
	/*
	Generation of .html page with .css from .md with pandoc (content of .md from https://hack4u.io/cursos/introduccion-al-hacking/) :

	❯ pandoc -s -f markdown -t html5 -o 2Conceptos_Basicos.html 2_Seccion_Conceptos_Basicos.md --css ./styles/rnek0.css
	[WARNING] This document format requires a nonempty <title> element.
	Defaulting to '2_Seccion_Conceptos_Basicos' as the title.
	To specify a title, use 'title' in metadata or --metadata title="...".

	*/

	html {
	/* background: url(../img/bg.png) no-repeat center top; */
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 100%;
	height: 95%;
	margin: 1% auto;
	background-color: black;
	}

	body{
	padding: 8px;
	font-size: medium;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	}

	h1{
	font-size: x-large;
	color: #08485A;
	text-shadow: 1px 1px 1px #70a9b9;
	}

	h2{
	font-size: large;
	color: #175D71;
	text-shadow: 1px 1px 0.5px #70a9b9;
	}

	pre, :not(pre) > code{
	border:1px dashed black;
	box-shadow:0 0 0.5em rgba(0,0,0,0.4) inset;

	margin-top:0.5rem;
	font-size:0.9rem;
	background-color:#c0c0c0;
	color:black;
	padding: 0.5rem;
	line-height:1.1rem;
	overflow:auto;
	white-space:pre-wrap;
	opacity: 0.6
	}

	p{
	color:#70a9b9;
	line-height: 2;
	letter-spacing: 1px;
	}

	li{
	color:#bbb;
	}

	a:link {
	color: #2B75B1;
	}

	a:visited {
	color: #a0a0a0;
	}

	a:active {
	text-decoration: #2B75B1;
	}

	a:hover {
	color: #2250B1;
	}