>> PROFESSEUR HARLAN: HTML, ou HyperText Markup Language, est la langue dans
quelles pages Web sont écrites.
Maintenant, ce n'est pas un langage de programmation, car il ne nous permet pas d'exprimer
logique, comme pour les boucles et les boucles while, et les conditions et analogues.
Au contraire, c'est en effet un langage de balisage qui nous permet de préciser quelle toile
Cette page devrait ressembler, structurellement et esthétiquement.
Et il le fait par le biais de ce qu'on appelle les tags.
Débutons notre et crée la plus simple de page Web, celui qui dit tout simplement, pour
Ainsi, bonjour monde.
>> Remarquez ici, dans gedit, que j'ai déjà enregistré le fichier comme hello.html.
Et remarquez ici, dans le terminal fenêtre, que je semble être à l'intérieur de
un répertoire appelé publique, qui se est à l'intérieur d'un répertoire appelé
hôte local, qui lui-même est à l'intérieur de un répertoire appelé vhosts, qui
elle est à l'intérieur de John Harvard répertoire personnel.
Or, il s'avère, en raison de la façon dont nous avons configuré l'appareil, qui
est dans le monde réel comme un moyen possible, rien à l'intérieur de ce public
répertoire doit, en effet, être accessible à l'ensemble du public via un
navigateur web, même si, en ce moment, Je suis le seul utilisateur qui va être
accéder à cette page web.
>> Revenons maintenant à hello.html et commencer écrit une partie de cette langue.
Tout d'abord, au sommet de ce dossier, je vais préciser ouverte support, exclamation
point DOCTYPE html espace.
Cette ligne n'est pas une étiquette, en soi, même si elle ne commence avec un esprit ouvert
support, mais, au lieu, est un spécial un fragment de ligne qui spécifie un
navigateur, voici une web page écrite en HTML.
>> Laissez-nous prochaine, sur une ligne propre, spécifier ouvert html support, indiquant
pour le navigateur qui ici, en effet, est que HTML.
À l'intérieur de cela, nous allons indentent un peu, et puis faire la tête, en précisant à l'
navigateur, voici la tête de la Cette page, qui, pour l'instant, supposons est
essentiellement la barre de titre à la très haut de la fenêtre du navigateur.
Disons prochaine préciser, à l'intérieur de cette tête tag, que nous avons un titre de
quelque chose de simple comme bonjour.
Mais maintenant, nous allons dire au navigateur nous avons terminé fournir un titre.
Pour ce faire, tout comme nous avons ouvert ou commencé le tag, le titre, il ya un moment,
nous allons maintenant près ou mettre fin à cette balise par spécifier, en effet, c'est le contraire.
>> Pour exprimer cela, nous faisons parenthèse ouverte, barre oblique, le titre.
De même, maintenant que nous avons terminé la définition, pour l'instant, la tête de cette
Cette page, nous ferons ouvert la tête de barre de support, dire le navigateur que nous sommes
maintenant fait fournissant la tête.
Seulement une partie reste maintenant, la que l'on appelle le corps de la page Web, ce qui
constitue vraiment l'essence de n'importe quelle page web.
>> Précisons que, ici, il est en commençant, avec support ouvert, le corps,
ferme la parenthèse.
Et nous allons écrire maintenant quelque chose comme bonjour le monde par des virgules.
On se sent comme c'est un assez bon web Cette page, nous allons donc passer maintenant à une nouvelle ligne.
Spécifiez support ouvert, barre oblique, corps, informer le navigateur que nous sommes
faire fournir à l'organisme.
Et de même, nous allons informer maintenant le navigateur que je suis fait
fourniture d'une page web.
Sur une ligne propre, nous ferons ouvert support, barre oblique, html.
>> Maintenant, remarquez l'esthétique de cette page web.
Même si, techniquement, ce n'est pas nécessaire de fournir autant de blanc
espace comme je l'ai fait, c'est un bon style, parce le code est, sans doute, beaucoup
plus lisible.
Avis, en particulier, que lorsque j'ouvre ou démarrer une étiquette, je puis tiret
les lignes qui suivent.
Et quand je ferme ou le tag, je fermer cette étiquette soit sur le même
ligne, si c'est une assez courte ligne, ou sur une nouvelle ligne de telle sorte que la
à proximité des lignes de tag up avec la balise d'ouverture, un peu comme nous l'avons fait dans un langage comme C
avec des accolades s'ouvrent et se ferment.
>> Voyons maintenant enregistrer ce fichier et essayez pour l'ouvrir dans un navigateur Web
à l'intérieur de l'appareil.
Ouvrons Chrome, et nous allons maintenant visiter http://localhost, qui est un
surnom de l'appareil lui-même, / hello.html.
Et remarque que je n'ai pas fait tapé public, car il est implicite
que si vous visitez cette page web via un navigateur, vous voulez bien pour accéder à la
contenu de ce répertoire public.
Mais je ne veux accéder, en particulier, hello.html.
Donc, nous allons frapper maintenant Entrez et voir ce qui se passe.
>> Hm.
Je n'ai pas la permission d'accès / Hello.html sur ce serveur.
Maintenant, pourquoi cela pourrait-il être?
Eh bien, il s'avère que ce n'est pas suffisant de simplement mettre ce fichier, hello.html,
dans ce répertoire public.
Nous devons aussi dire de manière proactive la appareil que nous, en effet, nous voulons
permettre à tout le monde, potentiellement, pour accéder à ce fichier.
Pour ce faire, nous avons besoin de changer son autorisations, pour ainsi dire, et nous pouvons
faire à une ligne de commande.
>> Tapons ls-l pour obtenir une longue liste des fichiers dans ce répertoire, Entrée.
Et nous voyons, en effet, hello.html.
Mais ici sur la gauche, avis, est un r et un w.
Le r, comme vous l'aurez deviné, des moyens lire, et les moyens w écrire, mais
le fait qu'il ya une seule de ces r et un tel poids, tout le chemin à l'
gauche de ces traits, signifie que seul le propriétaire des fichiers, moi-même, peut effectivement
lire et écrire ce fichier.
>> Nous devons passer au moins un autre r pour laisser le monde entier lu
ce fichier ainsi.
Et pour ce faire, nous pouvons le faire avec l' commande, chmod, ou le mode de changement.
chmod a, pour tous, plus r, espace, hello.html Entrée.
Rien ne semble avoir été le cas, mais c'est généralement une bonne chose.
Donc ls-l nouveau devrait, espérons-le, donner une certaine r supplémentaire de.
>> Et en effet, nous voyons par exemple.
Sur le côté gauche ici maintenant, avis que je n'ai lecture et en écriture.
Il ya un autre r, et puis un autre r.
Eh bien, il s'avère que le r dans le milieu signifie mon groupe, qui se trouve être
les élèves de l'appareil, peut également lire ce fichier.
Mais c'est largement hors de propos ici, puisque nous parlons du web et
pas l'appareil lui-même.
Mais ce troisième r tout le chemin sur la indique juste que le monde entier,
ou tous, peuvent lire ce fichier.
>> Passons maintenant revenir à mon navigateur, rechargez la page et voir si je ne suis pas
plus interdit.
Cliquons recharge l'icône de Chrome en place ici, ou faire Control-R, et il nous
avoir, bonjour monde.