1 00:00:00,000 --> 00:00:00,140 2 00:00:00,140 --> 00:00:03,700 >> PROFESOR HARLAN: HTML, o Hypertext Lenguaje de marcado, es el lenguaje en el 3 00:00:03,700 --> 00:00:04,870 el que se escriben las páginas web. 4 00:00:04,870 --> 00:00:08,140 Ahora, no es un lenguaje de programación, ya que no permite que expresemos 5 00:00:08,140 --> 00:00:11,420 lógica, al igual que para los bucles y bucles while, y las condiciones y similares. 6 00:00:11,420 --> 00:00:14,690 Más bien, es en realidad un lenguaje de marcas que nos permite especificar qué una tela 7 00:00:14,690 --> 00:00:17,490 la página debe ser similar, estructuralmente y estéticamente. 8 00:00:17,490 --> 00:00:20,210 Y lo hace por medio de lo que se llaman las etiquetas. 9 00:00:20,210 --> 00:00:23,470 Vamos a bucear en y crea el más simple de página web, uno que simplemente dice, por 10 00:00:23,470 --> 00:00:25,410 ejemplo, hola mundo. 11 00:00:25,410 --> 00:00:29,940 >> Nótese aquí, en gedit, que ya he guardado el archivo como hello.html. 12 00:00:29,940 --> 00:00:32,990 Y note aquí abajo, en la terminal ventana, que parezco estar dentro de 13 00:00:32,990 --> 00:00:36,070 un directorio llamado público, que a su vez está dentro de un directorio llamado 14 00:00:36,070 --> 00:00:39,770 host local, que a su vez está dentro de un directorio llamado vhosts, que 15 00:00:39,770 --> 00:00:42,850 sí está dentro de John Harvard directorio personal. 16 00:00:42,850 --> 00:00:45,850 Ahora resulta, debido a la manera hemos configurado el aparato, lo que 17 00:00:45,850 --> 00:00:49,670 es en el mundo real, como una manera de lo posible, nada dentro de este público 18 00:00:49,670 --> 00:00:53,400 directorio debe, en efecto, ser accesible a todo el público a través de un 19 00:00:53,400 --> 00:00:56,610 navegador web, a pesar de que, en este momento, Yo soy el único usuario que va a ser 20 00:00:56,610 --> 00:00:58,340 acceder a esta página web. 21 00:00:58,340 --> 00:01:03,120 >> Volvamos a hello.html y empezar escribir algo de ese lenguaje. 22 00:01:03,120 --> 00:01:07,110 En primer lugar, en lo alto de este archivo, voy a especificar abierta soporte, exclamación 23 00:01:07,110 --> 00:01:10,400 punto, espacio DOCTYPE HTML. 24 00:01:10,400 --> 00:01:13,930 Esta línea no es una etiqueta, per se, incluso aunque comienza con un proceso abierto 25 00:01:13,930 --> 00:01:18,020 soporte, pero, en cambio, es un especial un fragmento de la línea que especifica a un 26 00:01:18,020 --> 00:01:22,370 navegador, aquí viene una web página escrita en HTML. 27 00:01:22,370 --> 00:01:26,920 >> Vamos a continuación, en una línea propia, especificar abierta HTML soporte, lo que indica 28 00:01:26,920 --> 00:01:29,890 al navegador que aquí, de hecho, es que HTML. 29 00:01:29,890 --> 00:01:34,150 Dentro de eso, vamos a sangran un poco, y luego hacer la cabeza, especificando a los 30 00:01:34,150 --> 00:01:37,470 navegador, aquí viene el jefe de la página, que, por ahora, se supone es 31 00:01:37,470 --> 00:01:40,830 esencialmente la barra de título en la parte parte superior de la ventana del navegador. 32 00:01:40,830 --> 00:01:45,500 Vamos próximo especificar, dentro de esa cabeza etiqueta, que vamos a tener un título de 33 00:01:45,500 --> 00:01:47,570 algo tan simple como saludar. 34 00:01:47,570 --> 00:01:51,550 Pero ahora, vamos a decirle al navegador hemos terminado proporcionando un título. 35 00:01:51,550 --> 00:01:56,080 Para ello, al igual que abrimos o empezamos la etiqueta, título, hace un momento, 36 00:01:56,080 --> 00:02:00,250 Ahora vamos a cerrar o terminar esa etiqueta por especificando, en efecto, lo contrario. 37 00:02:00,250 --> 00:02:05,010 >> Para expresar esto, hacemos paréntesis abierto, barra inclinada, título. 38 00:02:05,010 --> 00:02:07,830 Del mismo modo, ahora que hemos terminado de definir, por ahora, la cabeza de esta 39 00:02:07,830 --> 00:02:12,340 página, vamos a hacer la cabeza abierta barra soporte, diciendo al navegador que estamos 40 00:02:12,340 --> 00:02:14,710 ahora hecho proporcionando la cabeza. 41 00:02:14,710 --> 00:02:18,080 Sólo una porción de ahora sigue siendo, la denominado cuerpo de la página web, el cual 42 00:02:18,080 --> 00:02:21,120 realmente constituye la esencia de cualquier página web. 43 00:02:21,120 --> 00:02:24,780 >> Vamos a especificar que, aquí, es comenzando con soporte abierto, cuerpo, 44 00:02:24,780 --> 00:02:25,600 corchete de cierre. 45 00:02:25,600 --> 00:02:29,080 Y ahora vamos a escribir algo como hola mundo coma. 46 00:02:29,080 --> 00:02:32,930 Se siente como que es un buen suficientemente web página, así que vamos a pasar ahora a una nueva línea. 47 00:02:32,930 --> 00:02:37,460 Especifique paréntesis abierto, barra inclinada, cuerpo, informando al navegador que estamos 48 00:02:37,460 --> 00:02:38,650 hecho proveer al cuerpo. 49 00:02:38,650 --> 00:02:41,120 Y del mismo modo, ahora vamos a informar el navegador que he terminado 50 00:02:41,120 --> 00:02:43,230 proporcionar una página web. 51 00:02:43,230 --> 00:02:47,120 En una línea propia, lo haremos abierta soporte, barra inclinada, html. 52 00:02:47,120 --> 00:02:49,350 >> Ahora, observe la estética de esta página web. 53 00:02:49,350 --> 00:02:52,290 A pesar de que, técnicamente, no es necesaria para proporcionar la mayor cantidad de blanco 54 00:02:52,290 --> 00:02:55,450 espacio como yo, es un buen estilo, porque el código es, sin duda, mucho más 55 00:02:55,450 --> 00:02:56,490 más legible. 56 00:02:56,490 --> 00:03:00,780 Aviso, en particular, que cuando abro o empezar una etiqueta, entonces me guión 57 00:03:00,780 --> 00:03:02,040 las líneas que siguen. 58 00:03:02,040 --> 00:03:05,990 Y cuando cierro o y la etiqueta, I cerrar esa etiqueta, ya sea en el mismo 59 00:03:05,990 --> 00:03:09,790 línea, si se trata de una línea bastante corto, o en una nueva línea de tal manera que el 60 00:03:09,790 --> 00:03:14,540 cerrar líneas de la etiqueta hacia arriba con la etiqueta abierta, al igual que lo hicimos en un lenguaje como C 61 00:03:14,540 --> 00:03:17,380 con llaves de apertura y cierre. 62 00:03:17,380 --> 00:03:20,350 >> Ahora vamos a guardar el archivo y tratar de para abrirlo en un navegador web 63 00:03:20,350 --> 00:03:21,600 en el interior del aparato. 64 00:03:21,600 --> 00:03:24,180 65 00:03:24,180 --> 00:03:30,310 Vamos a abrir Chrome, y ahora vamos a visite http://localhost, que es un 66 00:03:30,310 --> 00:03:34,930 apodo para el aparato sí, / hello.html. 67 00:03:34,930 --> 00:03:38,230 Y noto que no he hecho escribí pública, ya que da a entender 68 00:03:38,230 --> 00:03:42,430 que si se visita esta página a través de una red navegador, de hecho quiere acceder al 69 00:03:42,430 --> 00:03:44,430 contenido de ese directorio público. 70 00:03:44,430 --> 00:03:47,740 Pero sí quiero acceder, en concreto, hello.html. 71 00:03:47,740 --> 00:03:50,854 Así que vamos ahora pulsa enter y ver qué pasa. 72 00:03:50,854 --> 00:03:51,710 >> Hm. 73 00:03:51,710 --> 00:03:56,260 Yo no tengo permiso de acceso / Hello.html en este servidor. 74 00:03:56,260 --> 00:03:57,570 Ahora, ¿por qué será? 75 00:03:57,570 --> 00:04:01,040 Bueno, resulta que no es suficiente simplemente poner este archivo, hello.html, 76 00:04:01,040 --> 00:04:02,560 en ese directorio público. 77 00:04:02,560 --> 00:04:06,150 También tenemos que contar de forma proactiva la aparato que, de hecho, queremos 78 00:04:06,150 --> 00:04:09,470 permitir a todo el mundo, lo que podría, para acceder a este archivo. 79 00:04:09,470 --> 00:04:12,470 Para ello, tenemos que cambiar su permisos, por así decirlo, y podemos 80 00:04:12,470 --> 00:04:14,600 hacer eso en una línea de comandos. 81 00:04:14,600 --> 00:04:20,079 >> Escribamos ls-l para obtener un listado largo de los archivos de este directorio, Intro. 82 00:04:20,079 --> 00:04:22,480 Y vemos, en efecto, hello.html. 83 00:04:22,480 --> 00:04:25,882 Pero aquí a la izquierda, aviso, es un r y w. 84 00:04:25,882 --> 00:04:29,050 La r, como ya habrán adivinado, significa leen, y los medios w escriben, pero 85 00:04:29,050 --> 00:04:32,470 el hecho de que sólo hay una tal ry uno de esos w, todo el camino hacia la 86 00:04:32,470 --> 00:04:36,710 izquierda de los guiones, significa que sólo el dueño archivos, yo mismo, puede en realidad 87 00:04:36,710 --> 00:04:38,370 leer y escribir en este archivo. 88 00:04:38,370 --> 00:04:41,610 >> Necesitamos para alternar al menos otro r para dejar que todo el mundo lee 89 00:04:41,610 --> 00:04:42,810 este archivo también. 90 00:04:42,810 --> 00:04:47,320 Y para hacer esto, podemos hacerlo con la comando chmod, o el modo de cambio. 91 00:04:47,320 --> 00:04:54,030 chmod a, para todos, además de r, espacio, hello.html Intro. 92 00:04:54,030 --> 00:04:56,970 Nada parece haber sucedido, pero eso es generalmente una buena cosa. 93 00:04:56,970 --> 00:05:02,490 Así que ls-l nuevo debería, espero, producir algunos erres adicional. 94 00:05:02,490 --> 00:05:04,130 >> Y, en efecto, vemos tales. 95 00:05:04,130 --> 00:05:08,350 En el lado izquierdo aquí ahora, el aviso que he leído y escribir privilegios. 96 00:05:08,350 --> 00:05:10,320 Hay otro r, y luego otro r. 97 00:05:10,320 --> 00:05:13,180 Bueno, resulta que el r en el medio significa que mi grupo, que pasa a ser 98 00:05:13,180 --> 00:05:15,370 estudiantes en el aparato, También puede leer este archivo. 99 00:05:15,370 --> 00:05:18,235 Pero eso es en gran medida irrelevante aquí, ya que estamos hablando acerca de la web y 100 00:05:18,235 --> 00:05:19,850 no el propio aparato. 101 00:05:19,850 --> 00:05:23,420 Pero ese tercer r todo el camino en la derecha indica que el mundo entero, 102 00:05:23,420 --> 00:05:25,920 o todos, pueden leer este archivo. 103 00:05:25,920 --> 00:05:29,290 >> Ahora vamos a volver a mi navegador, vuelva a cargar la página y ver si no soy 104 00:05:29,290 --> 00:05:32,050 ya prohibido. 105 00:05:32,050 --> 00:05:36,800 Vamos clic en el icono de Chrome recarga hasta aquí, o pulse Control-R, y allí 106 00:05:36,800 --> 00:05:38,750 tenerlo, hola mundo. 107 00:05:38,750 --> 00:05:41,248