Comment utiliser la programmation HTML simple pour établir une connexion


Hyper Text Markup Language ou HTML, comme chacun sait, ce est le langage de programmation principal utilisé pour créer des pages Web et des sites Web qui apparaissent sur le navigateur Web.

Un langage de balisage est une langue qui est constitué par un ensemble de marquage tag. Mots contenu du document.




documents HTML se compose de ces balises balisage (des balises HTML) et texte brut. documents HTML (documents enregistrés sous forme .html ou .htm) sont connus comme les pages Web.

Exemple de code HTML: Copiez-collez le code HTML suivant dans le Bloc-notes et enregistrez-le sous test.html

Ce est ma première page web Ce est ma voix

Cette balise est utilisée pour formater le texte comme un paragraphe Cette balise permet texte en gras Connexion Cette balise mène à la ligne suivante
Félicitations pour votre première connexion réussie

Quelles sont les balises HTML?

  • Les balises HTML sont les noms de balises enfermés dans équerres (). Exemple:
  • Les balises HTML se compose généralement de deux paires, pour être connu comme le ouverture (ou de départ) tag et le deuxième, le fermeture (ou la fin) tag. Exemple:
  • La balise de fin est exactement la même que la balise de début, sauf un slash (/) avant le nom de tag.

Qu'est-ce qu'un lien hypertexte?

Un lien hypertexte est fondamentalement ne importe quel mot, alphabet, groupe de mots, du texte ou même une image, utilisée comme un lien qui quand on clique dessus, vous re-dirige vers une nouvelle page Web ou un document.

Lorsque votre sur une page web si vous déplacez le curseur sur un lien, le curseur se transformera la flèche pour une main avec son index pointant vers le lien. Placez le curseur ici pour voir ça.

Lien HTML Syntaxe

Visible texte qui sera utilisé en tant que lien

de base et simple Lien HTML Syntaxe:

Un lien hypertexte ou un lien en HTML est défini par la balise, également connus comme tag ancre.

Un attribut important de la balise d'ancrage () est href,, qui est un point de repère et (dans des mots simples l'adresse) de la destination du lien.

Le texte qui vient entre la balise d'ancrage (texte) est le texte d'ancre, qui est le lien spécifié dans l'attribut href va se ancrer dans ce texte la création du lien.

Par défaut, tous les liens du navigateur apparaissent comme suit:

  • Un lien unvisited est montré comme l'a souligné et bleu.
  • A liens visités (un lien qui se est rendue précédemment) est souligné et de couleur pourpre.

  • Un lien actif (un lien que vous venez de cliquer) est soulignée et rouge.

tutoriel simple pour apprendre à utiliser les liens en HTML:

  1. Ouvrez le Bloc-notes et copiez collez le code fourni ci-dessus.
  2. Cliquez sur Enregistrer.
  3. Nommez le fichier et l'enregistrer sur disque comme Test.html D (pas dans ne importe quel dossier, cela vous aidera à obtenir une URL simple).
  4. Ouvrez un nouveau fichier dans le Bloc-notes et copier coller le code ci-dessous.
  5. Enregistrez le fichier sous Test2.html.
  6. Vous pouvez sauvegarder le fichier sur votre bureau.
  7. Vous allez maintenant voir le fichier Test2 sur le bureau avec l'icône d'Internet Explorer (ou qui ait jamais est le navigateur par défaut). Ce est parce que l'enregistrement au format HTML convertit en une page Web.
  8. Double-clic et ouverte Test2.
  9. Vous saurez voir le texte "My First Link" en bleu et souligné. Déplacez le curseur sur lui et il va se transformer en une petite main, montrant qu'il est un lien.
  10. Cliquez dessus et vous devriez re-direct à la page Web précédente enregistré sur le disque D, qui est Test1.

Félicitations, vous venez de les premières pages Web HTML avec des liens vers les a créés!

Exemple de code Lien: Copiez-collez le code html suivant et enregistrez-le sous Test2.html

Mon deuxième page Web Nous créons un lien
Mon premier lien

Ouverture de la page HTML lié dans une nouvelle fenêtre:

Pour éviter cela, comme lorsque votre mettre un lien vers une autre page de votre site, vous ne voulez pas ouvrir un autre site au lieu du vôtre. Il ya peu de chance que l'utilisateur clique sur le bouton de retour et même si l'utilisateur fait, il est gênant pour lui de garder revenir en arrière et en avant.

Ainsi, une solution simple serait d'ouvrir le lien dans une nouvelle fenêtre ou onglet.

Le code ci-dessous est utilisé pour ouvrir le lien dans une nouvelle fenêtre:

target = "_ blank"

Un exemple de la façon de mettre en œuvre ce code est le suivant ..

Vous pouvez remplacer le code de liaison dans les fichiers du tutoriel précédentes "Test2.html" et voir comment cela fonctionne.

Syntaxe pour ouvrir un lien HTML dans une nouvelle fenêtre:

Mon premier lien

utiliser une image comme un lien HTML:

Nous avons vu plus haut comment créer des liens en utilisant le texte comme une ancre ..

Nous essayons maintenant d'utiliser une image comme une ancre, ce est, lorsque vous cliquez sur l'image, vous ferez à nouveau à la destination (un autre site ou une page web) que vous voulez.

syntaxe pour utiliser une image comme un lien HTML:

Cliquez sur l'image:

Analyse

Photo Lien HTML Syntaxe:

Dans le code ci-dessus, au lieu de mettre le texte à l'intérieur de la balise d'ancrage (), nous mettons le code à insérer une image dans la balise.

Dans l'image d'entrée de code, je ai mis la frontière comme égale à 0, puis doivent quitter votre image, sans bord (si l'image est un cercle, vous obtiendrez un bord carré par défaut).

La largeur et la hauteur a été fixée pour la voiture, de sorte qu'il aura la largeur et la hauteur de l'original. (Vous pouvez également supprimer la largeur et la hauteur du code si le désir de le faire)

test HTML image Code du lien:

  1. Avant de tester le code, enregistrer l'image sur votre bureau ou ne importe où vous avez enregistré le fichier Test2.html.
  2. Renommez l'image comme test.jpg.
  3. Maintenant copier la syntaxe (seul le code entre les balises de son corps et pas les étiquettes de corps ainsi).
  4. Collez le code dans la balise body du fichier Test2.html.
  5. Enregistrer et ouvrir le fichier et voir si cela fonctionne.

Autres sites que vous aimeriez visiter:

  • Web Design ne pas faire À faire et
    Quelques indications pour tous sur le Web Designer there..following ces quelques marque et que vous pouvez être d'une grande aide pour le succès de votre site ..
  • Comment concevoir un site Web réussi
    Avouons it..everyone veut être une partie de l'Internet et d'un site web pour leur entreprise là-bas .. Donc ils sont ici, faire un couple de principe de base et ne est pas que vous devriez suivre ...
  • L'étiquette E-mail, vous devez suivre
    Comme nous le savons, dans le monde de l'e-mail est aujourd'hui le nouveau courrier postal, puis je voudrais prendre une pause pour écrire certaines règles de l'étiquette qui devrait être suivie par tous ..

(0)
(0)

Commentaires - 0

Sans commentaires

Ajouter un commentaire

smile smile smile smile smile smile smile smile
smile smile smile smile smile smile smile smile
smile smile smile smile smile smile smile smile
smile smile smile smile
Caractères restants: 3000
captcha