>> PROFESOR HARLAN: HTML, o Hypertext Lenguaje de marcado, es el lenguaje en el
el que se escriben las páginas web.
Ahora, no es un lenguaje de programación, ya que no permite que expresemos
lógica, al igual que para los bucles y bucles while, y las condiciones y similares.
Más bien, es en realidad un lenguaje de marcas que nos permite especificar qué una tela
la página debe ser similar, estructuralmente y estéticamente.
Y lo hace por medio de lo que se llaman las etiquetas.
Vamos a bucear en y crea el más simple de página web, uno que simplemente dice, por
ejemplo, hola mundo.
>> Nótese aquí, en gedit, que ya he guardado el archivo como hello.html.
Y note aquí abajo, en la terminal ventana, que parezco estar dentro de
un directorio llamado público, que a su vez está dentro de un directorio llamado
host local, que a su vez está dentro de un directorio llamado vhosts, que
sí está dentro de John Harvard directorio personal.
Ahora resulta, debido a la manera hemos configurado el aparato, lo que
es en el mundo real, como una manera de lo posible, nada dentro de este público
directorio debe, en efecto, ser accesible a todo el público a través de un
navegador web, a pesar de que, en este momento, Yo soy el único usuario que va a ser
acceder a esta página web.
>> Volvamos a hello.html y empezar escribir algo de ese lenguaje.
En primer lugar, en lo alto de este archivo, voy a especificar abierta soporte, exclamación
punto, espacio DOCTYPE HTML.
Esta línea no es una etiqueta, per se, incluso aunque comienza con un proceso abierto
soporte, pero, en cambio, es un especial un fragmento de la línea que especifica a un
navegador, aquí viene una web página escrita en HTML.
>> Vamos a continuación, en una línea propia, especificar abierta HTML soporte, lo que indica
al navegador que aquí, de hecho, es que HTML.
Dentro de eso, vamos a sangran un poco, y luego hacer la cabeza, especificando a los
navegador, aquí viene el jefe de la página, que, por ahora, se supone es
esencialmente la barra de título en la parte parte superior de la ventana del navegador.
Vamos próximo especificar, dentro de esa cabeza etiqueta, que vamos a tener un título de
algo tan simple como saludar.
Pero ahora, vamos a decirle al navegador hemos terminado proporcionando un título.
Para ello, al igual que abrimos o empezamos la etiqueta, título, hace un momento,
Ahora vamos a cerrar o terminar esa etiqueta por especificando, en efecto, lo contrario.
>> Para expresar esto, hacemos paréntesis abierto, barra inclinada, título.
Del mismo modo, ahora que hemos terminado de definir, por ahora, la cabeza de esta
página, vamos a hacer la cabeza abierta barra soporte, diciendo al navegador que estamos
ahora hecho proporcionando la cabeza.
Sólo una porción de ahora sigue siendo, la denominado cuerpo de la página web, el cual
realmente constituye la esencia de cualquier página web.
>> Vamos a especificar que, aquí, es comenzando con soporte abierto, cuerpo,
corchete de cierre.
Y ahora vamos a escribir algo como hola mundo coma.
Se siente como que es un buen suficientemente web página, así que vamos a pasar ahora a una nueva línea.
Especifique paréntesis abierto, barra inclinada, cuerpo, informando al navegador que estamos
hecho proveer al cuerpo.
Y del mismo modo, ahora vamos a informar el navegador que he terminado
proporcionar una página web.
En una línea propia, lo haremos abierta soporte, barra inclinada, html.
>> Ahora, observe la estética de esta página web.
A pesar de que, técnicamente, no es necesaria para proporcionar la mayor cantidad de blanco
espacio como yo, es un buen estilo, porque el código es, sin duda, mucho más
más legible.
Aviso, en particular, que cuando abro o empezar una etiqueta, entonces me guión
las líneas que siguen.
Y cuando cierro o y la etiqueta, I cerrar esa etiqueta, ya sea en el mismo
línea, si se trata de una línea bastante corto, o en una nueva línea de tal manera que el
cerrar líneas de la etiqueta hacia arriba con la etiqueta abierta, al igual que lo hicimos en un lenguaje como C
con llaves de apertura y cierre.
>> Ahora vamos a guardar el archivo y tratar de para abrirlo en un navegador web
en el interior del aparato.
Vamos a abrir Chrome, y ahora vamos a visite http://localhost, que es un
apodo para el aparato sí, / hello.html.
Y noto que no he hecho escribí pública, ya que da a entender
que si se visita esta página a través de una red navegador, de hecho quiere acceder al
contenido de ese directorio público.
Pero sí quiero acceder, en concreto, hello.html.
Así que vamos ahora pulsa enter y ver qué pasa.
>> Hm.
Yo no tengo permiso de acceso / Hello.html en este servidor.
Ahora, ¿por qué será?
Bueno, resulta que no es suficiente simplemente poner este archivo, hello.html,
en ese directorio público.
También tenemos que contar de forma proactiva la aparato que, de hecho, queremos
permitir a todo el mundo, lo que podría, para acceder a este archivo.
Para ello, tenemos que cambiar su permisos, por así decirlo, y podemos
hacer eso en una línea de comandos.
>> Escribamos ls-l para obtener un listado largo de los archivos de este directorio, Intro.
Y vemos, en efecto, hello.html.
Pero aquí a la izquierda, aviso, es un r y w.
La r, como ya habrán adivinado, significa leen, y los medios w escriben, pero
el hecho de que sólo hay una tal ry uno de esos w, todo el camino hacia la
izquierda de los guiones, significa que sólo el dueño archivos, yo mismo, puede en realidad
leer y escribir en este archivo.
>> Necesitamos para alternar al menos otro r para dejar que todo el mundo lee
este archivo también.
Y para hacer esto, podemos hacerlo con la comando chmod, o el modo de cambio.
chmod a, para todos, además de r, espacio, hello.html Intro.
Nada parece haber sucedido, pero eso es generalmente una buena cosa.
Así que ls-l nuevo debería, espero, producir algunos erres adicional.
>> Y, en efecto, vemos tales.
En el lado izquierdo aquí ahora, el aviso que he leído y escribir privilegios.
Hay otro r, y luego otro r.
Bueno, resulta que el r en el medio significa que mi grupo, que pasa a ser
estudiantes en el aparato, También puede leer este archivo.
Pero eso es en gran medida irrelevante aquí, ya que estamos hablando acerca de la web y
no el propio aparato.
Pero ese tercer r todo el camino en la derecha indica que el mundo entero,
o todos, pueden leer este archivo.
>> Ahora vamos a volver a mi navegador, vuelva a cargar la página y ver si no soy
ya prohibido.
Vamos clic en el icono de Chrome recarga hasta aquí, o pulse Control-R, y allí
tenerlo, hola mundo.