Πώς να δημιουργήσετε έναν ιστότοπο χρησιμοποιώντας Html

Πίνακας περιεχομένων:

Πώς να δημιουργήσετε έναν ιστότοπο χρησιμοποιώντας Html
Πώς να δημιουργήσετε έναν ιστότοπο χρησιμοποιώντας Html

Βίντεο: Πώς να δημιουργήσετε έναν ιστότοπο χρησιμοποιώντας Html

Βίντεο: Πώς να δημιουργήσετε έναν ιστότοπο χρησιμοποιώντας Html
Βίντεο: HTML στα ελληνικά 1/8 (Εισαγωγή) 2024, Δεκέμβριος
Anonim

Σήμερα, με την εκρηκτική ανάπτυξη του Διαδικτύου, οι τεχνολογίες Ιστού χρησιμοποιούνται όλο και περισσότερο, ιδίως HTML και τυπικά προγράμματα περιήγησης στο Web. Το HTML (HyperText Markup Language) είναι μια γλώσσα σήμανσης υπερκειμένου. Αυτή η μορφή καθορίζει την εμφάνιση του εγγράφου, την αμοιβαία διάταξη των πληροφοριών κειμένου, γραφικών και πολυμέσων. Οι καμπάνιες ασχολούνται με τη δημιουργία ιστότοπων, με πολύ μεγάλα χρήματα. Αλλά με τη βοήθεια των "html-tags" μπορείτε να δημιουργήσετε έναν αρκετά ενδιαφέρον ιστότοπο με τα χέρια σας.

Πώς να δημιουργήσετε έναν ιστότοπο χρησιμοποιώντας html
Πώς να δημιουργήσετε έναν ιστότοπο χρησιμοποιώντας html

Είναι απαραίτητο

  • - πρόγραμμα περιήγησης
  • - επεξεργαστής κειμένου.

Οδηγίες

Βήμα 1

Η μορφή αρχείου HTML είναι αρκετά απλή. Η σύνθεση και η πραγματοποίηση αλλαγών στο αρχείο πραγματοποιείται από οποιονδήποτε επεξεργαστή κειμένου. Ένα πρόγραμμα περιήγησης ιστού χρησιμοποιείται για την προβολή των αποτελεσμάτων. Το κύριο πλεονέκτημα των εγγράφων HTML είναι η ικανότητά τους να παραπέμπονται μεταξύ τους. Οι παραπομπές σάς βοηθούν να ανατρέχετε γρήγορα σε ένα έγγραφο με πρόσθετες πληροφορίες σχετικά με ένα θέμα ενδιαφέροντος και, στη συνέχεια, να συνεχίσετε να εργάζεστε με το κείμενο προέλευσης. Κάθε έγγραφο που γράφεται χρησιμοποιώντας τη γλώσσα HTML αποτελείται από το περιεχόμενο της σελίδας, δηλαδή κείμενο και χαρακτήρες ελέγχου - ετικέτες. Όλες οι ετικέτες HTML πρέπει να περικλείονται σε αγκύλες. Συνήθως, χρησιμοποιείται μια ετικέτα έναρξης και μια ετικέτα τερματισμού. Η τελική ετικέτα διαφέρει από την αρχική ετικέτα με την παρουσία κάθετο.

Βήμα 2

Για να ξεκινήσετε τη δημιουργία ενός ιστότοπου, μεταβείτε σε ένα πρόγραμμα επεξεργασίας κειμένου (σημειωματάριο).

Στη συνέχεια, εισαγάγετε τις ετικέτες:

HTML - / HTML - η πρώτη και η τελευταία ετικέτα οποιουδήποτε εγγράφου HTML.

HEAD - / HEAD - έναρξη και τέλος της κεφαλίδας του εγγράφου.

TITLE - / TITLE - ορίστε τον τίτλο του εγγράφου (τίτλος του παραθύρου του προγράμματος περιήγησης).

BODY - / BODY - η αρχή και το τέλος του σώματος του εγγράφου HTML, το οποίο καθορίζει το περιεχόμενο του εγγράφου.

Βήμα 3

Στη συνέχεια, πρέπει να μορφοποιήσετε το κείμενο. Αυτό απαιτεί τις ακόλουθες ετικέτες:

Hx - / Hx - (το x είναι ένας αριθμός από το 1 έως το 6) περιγράφουν τις επικεφαλίδες σε έξι διαφορετικά επίπεδα. Το πρώτο επίπεδο επικεφαλίδας είναι το μεγαλύτερο, το έκτο επίπεδο είναι το μικρότερο.

P - / P - περιγράψτε μια παράγραφο (η ετικέτα / P ενδέχεται να απουσιάζει).

Το ALIGN είναι μια παράμετρος που καθορίζει την ευθυγράμμιση της παραγράφου:

ALIGN = ΚΕΝΤΡΟ - στοίχιση στο κέντρο;

ALIGN = ΔΕΞΙΑ - δεξιά ευθυγράμμιση.

ALIGN = ΑΡΙΣΤΕΡΑ - αριστερή στοίχιση.

BR - μεταβείτε σε μια νέα γραμμή χωρίς να παραβείτε μια παράγραφο.

B - / B - εμφανίζει κείμενο με έντονη γραφή.

I - / I - εμφανίζει κείμενο με πλάγιους χαρακτήρες.

U - / U - υπογραμμισμένο κείμενο.

STRIKE - / STRIKE - διαγραμμένο κείμενο.

BLOCKQUOTE - / BLOCKQUOTE - εμφανίζει εισαγωγικά.

SUB - / SUB - εμφανίζει συνδρομητές.

SUP - / SUP - εμφάνιση υπεργράφων.

TT - / TT - χρησιμοποιήστε μια γραμματοσειρά με σταθερό πλάτος χαρακτήρων.

BIG - / BIG - αυξήστε το μέγεθος της τρέχουσας γραμματοσειράς.

ΜΙΚΡΟ - / ΜΙΚΡΟ - μειώστε το μέγεθος της τρέχουσας γραμματοσειράς.

BASEFONT SIZE = n - (n είναι ένας αριθμός από 1 έως 7) - η βασική τιμή του μεγέθους της γραμματοσειράς.

ΜΕΓΕΘΟΣ FONT = + / - n - / FONT - αλλάξτε το μέγεθος της γραμματοσειράς.

FONT COLOR = # xxxxxx - FONT - ρύθμιση του χρώματος γραμματοσειράς: Aqua - sea wave; Μαύρο - μαύρο; και τα λοιπά.

BODY - αλλάξτε το χρώμα του φόντου.

HR - οριζόντια γραμμή, αυτή η ετικέτα μπορεί να χρησιμοποιεί χαρακτηριστικά:

ΧΡΩΜΑ - χρώμα γραμμής;

SIZE - πλάτος γραμμής σε εικονοστοιχεία.

ΠΛΑΤΟΣ - πλάτος γραμμής σε εικονοστοιχεία ή ως ποσοστό του πλάτους του παραθύρου.

ALIGN - ευθυγράμμιση γραμμής.

NOSHADE - ζωγραφική χωρίς σκιά.

ΣΚΙΑ - σχέδιο με σκιά.

Βήμα 4

Εάν πρέπει να εισαγάγετε οποιαδήποτε λίστα στον ιστότοπό σας, πρέπει να εισαγάγετε ετικέτες:

UL - / UL - λίστα χωρίς ταξινόμηση (απαρίθμηση, χωρίς παραγγελία):

LI - ορισμός ενός στοιχείου λίστας.

TYPE είναι μια παράμετρος που καθορίζει έναν δείκτη λίστας:

ΤΥΠΟΣ = Κύκλος - ένας κύκλος χρησιμοποιείται ως δείκτης.

ΤΥΠΟΣ = ΔΙΣΚΟΣ - το σημείο χρησιμοποιείται ως δείκτης.

ΤΥΠΟΣ + ΠΛΑΤΕΙΑ - ένα τετράγωνο χρησιμοποιείται ως δείκτης.

OL - / OL - αριθμημένη λίστα:

TYPE είναι μια παράμετρος που καθορίζει τον τύπο της λίστας:

ΤΥΠΟΣ = Α - Τα κεφαλαία γράμματα θα χρησιμοποιηθούν ως αριθμοί λίστας.

ΤΥΠΟΣ = α - θα χρησιμοποιηθούν πεζά λατινικά γράμματα ως απαριθμητές λίστας.

ΤΥΠΟΣ = I - μεγάλοι λατινικοί αριθμοί θα χρησιμοποιηθούν ως αριθμοί λίστας.

ΤΥΠΟΣ = i - οι μικροί λατινικοί αριθμοί θα χρησιμοποιηθούν ως αριθμοί λίστας.

Το START είναι μια παράμετρος που καθορίζει τον αρχικό αριθμό της λίστας.

DL - / DL - λίστα με εξηγήσεις:

DT - προσδιορισμός ενός στοιχείου λίστας.

Το DD είναι μια εξήγηση για ένα στοιχείο λίστας.

Βήμα 5

Για να μην περιορίζεται ο ιστότοπός σας σε μία σελίδα, δημιουργήστε πολλές. Για πλοήγηση, χρειάζεστε υπερσυνδέσμους, οι οποίοι καθορίζονται από τις ακόλουθες ετικέτες:

A HREF = URL - / A - εισάγει έναν σύνδεσμο στο έγγραφο (μεταξύ ετικετών, πρέπει να εισαγάγετε το κείμενο του συνδέσμου).

HREF - διεύθυνση μιας σελίδας ή πόρου ·

URL - ομοιόμορφη διεύθυνση πόρου: servis: // server [: port] [/path]:

υπηρεσία - το όνομα του πρωτοκόλλου (HTTP - πρόσβαση σε ένα έγγραφο HTML, αίτημα FTP για ένα αρχείο από έναν διακομιστή FTP, πρόσβαση FILE σε

αρχείο στον τοπικό υπολογιστή)

διακομιστής - καθορίζοντας το όνομα του πόρου.

θύρα - αριθμός θύρας στον οποίο εκτελείται ο διακομιστής ιστού.

διαδρομή είναι ο κατάλογος όπου βρίσκεται ο πόρος.

A HREF = # όνομα σελιδοδείκτη - / A - εισαγάγετε έναν τοπικό σύνδεσμο (μεταξύ ετικετών, πρέπει να εισαγάγετε το κείμενο του συνδέσμου).

A NAME = όνομα σελιδοδείκτη - / A - ορίστε το σελιδοδείκτη στον οποίο θα γίνει ο σύνδεσμος.

Βήμα 6

Προκειμένου ο ιστότοπος να μην είναι βαρετός, απαιτείται γραφικός σχεδιασμός. Για να το κάνετε αυτό, χρησιμοποιήστε τις ετικέτες:

BODY BACKGRAOUND = "file_name" - ορίζει την εικόνα που χρησιμοποιείται ως φόντο.

IMG SRC = "file_name" - εισαγάγετε ένα αρχείο γραφικών σε ένα έγγραφο HTML, αυτή η ετικέτα χρησιμοποιεί τις παραμέτρους:

ALT = "συμβολοσειρά κειμένου" - ορίζει μια συμβολοσειρά κειμένου που εμφανίζεται αντί για μια εικόνα γραφικών εάν το πρόγραμμα περιήγησης έχει απενεργοποιήσει τη δυνατότητα αυτόματης φόρτωσης γραφικών.

ΥΨΟΣ, ΠΛΑΤΟΣ - ύψος και πλάτος εικόνας σε εικονοστοιχεία.

HPACE, VSPACE - το πλάτος του ελεύθερου χώρου που διαχωρίζει το γραφικό από το κείμενο οριζόντια και κάθετα.

ALIGN - ευθυγράμμιση κειμένου σε σχέση με γραφικά.

Βήμα 7

Και το τελευταίο πράγμα που πρέπει να κάνετε είναι να αποθηκεύσετε το αρχείο κειμένου σε μορφή *.html και, στη συνέχεια, να το ξεκινήσετε χρησιμοποιώντας το πρόγραμμα περιήγησής σας. Ο ιστότοπος είναι έτοιμος.

Συνιστάται: