Έτοιμος κωδικός HTML για την κύρια σελίδα. Δημιουργία σελίδας html στο σημειωματάριο: μια εξήγηση για ανδρείκελα
Τώρα μερικές λέξεις σχετικά με τις ετικέτες που χρησιμοποιήσαμε για τη δημιουργία αυτής της σελίδας.
Περιγραφή των ετικετών html από το παράδειγμα
1. - αυτές οι ετικέτες πρέπει να υπάρχουν σε κάθε ιστοσελίδα. Λένε στα προγράμματα περιήγησης και στις μηχανές αναζήτησης ότι αυτή είναι μια σελίδα html.
Οποιαδήποτε σελίδα html έχει την ακόλουθη δομή:
...
Ετικέτες κεφαλίδας
...
... Το σώμα της σελίδας ...
2.
- όλο το ορατό περιεχόμενο της σελίδας περικλείεται μεταξύ αυτών των ετικετών.
4.
- ανάμεσα σε αυτές τις ετικέτες γράφεται ο τίτλος της σελίδας, ο οποίος εμφανίζεται στην κορυφή του προγράμματος περιήγησης. Παρεμπιπτόντως, όταν αναζητάτε κάτι στις μηχανές αναζήτησης, το πρώτο πράγμα που εμφανίζεται είναι το όνομα της σελίδας. Ετικέτα
συχνά συντομογραφείται ως "τίτλος". Σας συμβουλεύω να διαβάσετε το άρθρο: πώς να δημιουργήσετε μια ετικέτα
</p>
<p>Τώρα ας προχωρήσουμε στις ετικέτες που βρίσκονται στο σώμα της σελίδας html (μέσα <body> και<script type="text/javascript">
<!--
var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})()
//-->
</script><br>
<br>
</body>
).</p>
<p>5. <center></center> - αυτές οι ετικέτες ευθυγραμμίζουν τα πάντα μέσα τους στο κέντρο. Σε αυτήν την περίπτωση, το κέντρο θα είναι το κέντρο της οθόνης. Συνιστάται να μην χρησιμοποιείτε αυτές τις ετικέτες στο μέλλον.</p>
<p>6. <h1></h1> είναι μία από τις κατηγορίες ετικετών επικεφαλίδας <h1>..<h6> , συνήθως περιέχει τον τίτλο της σελίδας. Για παράδειγμα, αυτή η σελίδα έχει μια επικεφαλίδα ετικέτα "Παράδειγμα δημιουργίας σελίδας html".</p> Σημείωση <p>Αυτές οι ετικέτες έχουν πολύ βάρος στην κατάταξη ενός ιστότοπου, οπότε πρέπει να χρησιμοποιούνται προσεκτικά και με σύνεση.</p>
<p>Κατά τη σύνθεση κώδικα html, πρέπει να τηρείτε έναν απλό κανόνα: η ετικέτα επικεφαλίδας πρέπει να είναι πρώτη <h1> και μετά μπορούν να πάνε ήδη <h2>
, <h3> και τα λοιπά. Το κύριο πράγμα είναι ότι δεν υπάρχει πρώτη <h2> , αργότερα <h1> , αργότερα <h3> και τα λοιπά. Πρέπει να υπάρχει μια αυστηρή ιεραρχία. Κεφαλίδες <h2>
, <h3> και τα λοιπά. ίσως πολύ.</p>
<p>7. <br/> είναι μία ετικέτα και δεν απαιτεί τελική ετικέτα. Μετακινείται στην επόμενη γραμμή. Στο παράδειγμά μου, έγραψα δύο μεμονωμένες ετικέτες στη σειρά για να πάω στην επόμενη γραμμή δύο φορές.</p>
<p>8. <span><img src='https://i0.wp.com/URL_ИЗОБРАЖЕНИЯ' loading=lazy>
</span> είναι μια μεμονωμένη ετικέτα που εμφανίζει μια εικόνα.</p>
<ul><li>Το src είναι μια απαιτούμενη παράμετρος, η οποία καθορίζει τη διεύθυνση εικόνας (αντί για IMAGE_URL, πρέπει να γράψετε τη διεύθυνση όπου είναι αποθηκευμένη η εικόνα σας). <br><u>Σημείωση</u>:
<ul><li>Εάν η εικόνα βρίσκεται στον ίδιο φάκελο με τη σελίδα html σας, τότε αρκεί να γράψετε το όνομα της εικόνας, διαφορετικά θα πρέπει να γράψετε είτε απόλυτο είτε σχετικό URL.</li>
<li>Μην ξεχάσετε να συμπεριλάβετε την επέκταση εικόνας. Για παράδειγμα, .jpg, .gif, .jpeg.</li>
</ul></li>
<li>alt ή title - σε αυτές τις παραμέτρους μπορείτε να γράψετε μια περιγραφή για την εικόνα σας. Όταν τοποθετείτε το δείκτη του ποντικιού πάνω από την εικόνα, θα εμφανιστεί αυτή η περιγραφή. Αυτές οι παράμετροι είναι σημαντικές για την προώθηση ιστότοπων, ειδικά στην αναζήτηση εικόνων. Εάν δεν ήταν δυνατή η φόρτωση της εικόνας, τότε θα εμφανιστεί αυτό το κείμενο, το οποίο είναι επίσης ένα πλεονέκτημα.</li>
</ul><p>9. <font></font> - αυτές οι ετικέτες δημιουργούνται για να αλλάξουν τη γραμματοσειρά, το φόντο, το μέγεθος κ.λπ. Εν ολίγοις, οτιδήποτε σχετίζεται με τη μορφοποίηση κειμένου μπορεί να διαμορφωθεί σε μία ετικέτα. Αυτή η ετικέτα έχει αρκετά χαρακτηριστικά, τα οποία θα συζητήσω σε ένα ξεχωριστό σεμινάριο.</p>
<p>Σημείωση: - παρόμοια ετικέτα.</p>
<p>Υπάρχει επίσης μια ιδιότητα γραμματοσειράς CSS όπου μπορείτε να ορίσετε όλες αυτές τις παραμέτρους.</p>
<p>10. - επισημάνετε με έντονα γράμματα. Όλα ενδιάμεσα <b> και</b> θα επισημανθεί με έντονη γραφή. Για παράδειγμα, αν το γράψετε στην αρχή του περιεχομένου και το κλείσετε στο τέλος, τότε όλο το κείμενο στη σελίδα θα επισημανθεί με έντονη γραφή. Αυτή είναι μια αρκετά κοινή ετικέτα, το ανάλογο της οποίας είναι <strong></strong>
.</p>
<p>Οι μηχανές αναζήτησης δίνουν προσοχή σε αυτήν την ετικέτα όσον αφορά την ενίσχυση της επιρροής των λέξεων-κλειδιών. Αλλά πρέπει να είστε προσεκτικοί, γιατί κάθε φορά που επισημαίνετε λέξεις-κλειδιά με έντονη γραφή, θα θεωρείται ανεπιθύμητη.</p>
<p>Εάν ανοίξετε οποιαδήποτε ιστοσελίδα, θα περιέχει τυπικά στοιχεία που δεν αλλάζουν ανάλογα με τον τύπο και την εστίαση του ιστότοπου. Το παράδειγμα 4.1 δείχνει τον κώδικα για ένα απλό έγγραφο που περιέχει βασικές ετικέτες.</p>
<p>Παράδειγμα 4.1. Πηγαίος κώδικας της ιστοσελίδας</p><p>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Δείγμα ιστοσελίδας
Επικεφαλίδα
Πρώτη παράγραφος.
Δεύτερη παράγραφος.
