Jump to content

[Οδηγός]Html ετικέτες και πως τις χρησιμοποιείτε


Apithanos
 Share

Recommended Posts

                                                                    HTML

Html σημαίνει HyperText Markup Language , είναι δηλαδή μια γλώσσα που μας επιτρέπει να μορφοποιούμε καποιες πληροφορίες προκειμένου να εμφανιστούν με τον τρόπο που θέλουμε σε έναν Browser . Η HTML δεν είναι γλώσσα προγραμματισμού αλλα γλώσσα μορφοποίησης . Είναι μια περιγραφική γλώσσα , δηλαδή ένας ειδικός τρόπος γραφής κειμένου και κλήσης άλλων αρχέιων η εφαρμογών βασισμένος σε ειδικές ετικέτες (tags). Οι ετικέτες αυτές περικλείονται μέσα σε σύμβολα < και >. Οι ετικέτες περικλείουν μια πληροφορία που θέλουμε

να μορφοποιήσουμε , υπάρχει δηλαδή μια ετικέτα που δηλώνει το τέλος της μορφοποίησης είναι ιδια με την ετικέτα που δηλώνει την αρχή με την μόνη διαφορά οτι περιέχει και τον χαρακτήρα / . Η γενική μορφή μιας ετικέτας ειναι: <ετικέτα> Κείμενο </ετικέτα>

Π . χ η οδηγία για να γίνει ενα κείμενο bold ειναι: <b> το κείμενο που θα ειναι bold </b>

 

Η HTML δεν "θέτει" περιορισμούς στο αν τα γράμματα της ετικέτας θα είναι κεφαλαία η μικρά. Είναι ομώς προτιμότερο να χρησιμοποιήσουμε μικρά γραμματα,γιατι πολλές φορές τα κεφαλαία Ελληνικά "μοίαζουν" με τα κεφαλαία Αγγλικά.Μπορεί όμως οπτικά να φαίνονται ίδια όμως πρόκειται για δύο διαφορετικά με αποτέλεσμα η εντολή να μην γινει κατανοητή απο τον browser και αυτός να την αγνοεί.

Π.χ Η ετικέτα για μια επικεφαλίδα ειναι <h1> Επικεφαλίδα </h1> ,αν "ξεχαστούμε" και γραψουμε την ετικέτα με κεφαλαία ελληνικά το οπτικό αποτέλεσμα στον κώδικα θα ειναι <H1> Επικεφαλίδα </H1>. Εμείς δεν θα καταλάβουμε τη διαφορά αλλα ο browser θα την καταλάβει και θα αγνοήσει την ετικέτα.

ΔΗΜΗΙΟΥΡΓΏΝΤΑΣ ΕΝΑ HTML ΑΡΧΕΙΟ

Για να δημιουργήσουμε ενα html αρχείο θα πρέπει να χρησιμοποιήσουμε ενα απλο επεξεργαστή κειμένου.Ο επεξεργαστής που χρησιμοποιήται συνήθως ειναι το Σημειωματάριο (Notepad).Ανοίγουμε λοιπόν το σημειωματάριο και επιλέγουμε Αποθήκευση.

Επιλέγουμε σημείο αποθηκευσης και στην συνέχεια γράφουμε το όνομα που θέλουμε να δώσουμε στην ιστοσελίδα μασ και δίνουμε την κατάληξη .html ή .htm.

Μόλις δημιουργησουμε το αρχειο μας το πρώτο πραγμα που θα πρέπει να κάνουμε ειναι να γράψουμε τις βασικές εντολες της HTML τις οποίες πρέπει να περιέχει καθε HTML αρχείο.Οι εντολές χωρίζονται σε αυτές που περικλέιουν πληροφορίες που δεν εμφανίζονται στην οθονη του browser και σε αυτές που εμφανίζονται.Δηλαδή απο τις ετικέτες που ανήκουν στο κεφάλι της σελίδας και περιέχουν πληροφορίες για την σελίδα και στο σώμα που περιέχονται πληροφορίες που εμφανίζονται στην οθόνη του browser.

Όλος ο κωδικας της HTML περιέχεται μέσα στις ετικέτες <html> ... </html>. Μέσα σε αυτή περιέχονται οι ετικέτες

<head> .... </head> δηλαδή το "κέφαλι" της html και μετά η <body> .... </body> δηλαδή το "σώμα" της σελίδας

<html>

<head>

<title> Η πρώτη μου Ιστοσελίδα </title>

</head>

<body>

....................

</body>

</html>

H Ετικέτα <title> Η πρώτη μου Ιστοσελίδα </title> περιέχεται μέσα στην ετικέτα <head> .... </head> και η πληροφορίες που περιέχονται μέσα σε αυτή (<title>) εμφανίζονται στην γραμμή του browser και οχι μεσα σε αυτόν.

 

[glow=red,2,300]ΒΑΣΙΚΑ ΣΤΟΙΧΕΙΑ[/glow]

τυπος εγγράφου <HTML> </HTML> Ορίζει την αρχή και το τελος

τιτλος <TITLE> </TITLE> εμφανίζεται στην μπλέ μπαρα του browser μπενει μεταξυ <HEAD> </HEAD>

επιφυλλίδα <HEAD> </HEAD> Εδω μπαίνει ο τιτλος της σελίδας τα styles και η java

βασικός κορμος <BODY> </BODY> το κύριο υλικό της σελίδας

[glow=red,2,300]ΜΟΡΦΟΠΟΙΗΣΗ ΚΕΙΜΕΝΟΥ[/glow]

Εντονη γραφη <B> </B>

πλακια γραφη <I> </I>

υπογραμμιση <U> </U>

επικεφαλιδα <HI> </HI> δεχεται 6 ορισμους:Η1 ως και Η6.Δημιουργει διαφορετικου μεγέθους χαρακτήρες

εντονη εμφαση <STRONG> </STRONG>

μεγαλα γραμματα <BIG> </BIG>

μικρα γραμματα <SMALL> </SMALL>

διαγραφη <STRIKE> </STRIKE>

εκθέτης <SUP> </SUP>

δείκτης <SUB> </SUB>

γραφομηχανή <TT> </TT>

προμορφοιποημένο <PRE> </PRE> εμφανίζει τα κένα διαστήματα οπως εχουν γραφεί

στοίχη στο κέντρο <CENTER> </CENTER>

μεγεθος γραμμάτων <FONT SIZE=i> </FONT> με τιμές i απο 1 ως και 7

χρώμα γραμμάτων <FONT COLOR="#$$$$$$"> </FONT> το χρώμα ορίζεται με τρέις (διψήφιους) δεκαεξαδικούς αριθμούς ή με το όνομα τ.

επιλογή γραμματοσειρας <FONT FACE="ονομα γραμματοσειράς"> </FONT>

κινούμενο σχέδιο <MARQUEE> </MARQUEE>

[glow=red,2,300]ΔΙΑΧΩΡΙΣΤΕΣ[/glow]

παραγραφος <P>

στοίχηση παραγράφου <P ALIGN=LEFT | CENTER | RIGHT> </P>

πλήρης στοίχηση παραγραφου <P ALIGN=JUSTIFY> </P>

αλλαγή σειράς <BR>

οριζόντια γραμμή <HR>

χρώμμα γραμμης <HR COLOR="#$$$$$$"> το χρώμα ορίζεται με τρέις (διψήφιους) δεκαεξαδικούς αριθμούς ή με το όνομα του.

στοίχηση γραμμης <HR ALIGN=LEFT | RIGHT | CENTER>

πάχος γραμμης <HR SIZE=i> Σε Pixels

πλατος γραμμης <HR WIDTH=i> Σε Pixels

πλάτος γραμμης <HR WIDTH="%"> Ως ποσοστό του πλάτους σελίδας

συμπαγής γραμμή <HR NOSHADE> Διχως την τριδιαστατη οψη

[glow=red,2,300]ΦΟΝΤΟ ΚΑΙ ΧΡΩΜΑΤΑ[/glow]

Επαναλαμβανομενη εικόνα φοντου <BODY BACKGROUND="Διαδρομή αρχείου εικόνας">

υδατογράφημα <BODY BGPROPERTIES="FIXED">

χρωμα φοντου <BODY BGCOLOR="#$$$$$$">  το χρώμα ορίζεται με τρέις (διψήφιους) δεκαεξαδικούς αριθμούς ή με το όνομα του.

βασικό χρωμα κειμένου <BODY TEXT="#$$$$$$"> το χρώμα ορίζεται με τρέις (διψήφιους) δεκαεξαδικούς αριθμούς ή με το όνομα τ.

χρώμα συνδέσμων <BODY LINK="#$$$$$$"> το χρώμα ορίζεται με τρέις (διψήφιους) δεκαεξαδικούς αριθμούς ή με το όνομα του.

χρώμα συνδέσμων που έχουμε επισκεφτεί <BODY VLINK="#$$$$$$"> -//-

ενεργός συνδεσμος <BODY ALINK="#$$$$$$> το χρώμα ορίζεται με τρέις (διψήφιους) δεκαεξαδικούς αριθμούς ή με το όνομα του.

[glow=red,2,300]ΛΙΣΤΕΣ[/glow]

Απλή λιστα <UL> <LI> <LI>....<LI> </UL> ΤΟ <LI> μπαίνει μπροστά απο κάθε στοιχείο της λίστας

τύπος κουκίδας <UL TYPE=DISC | CIRCLE | SQUARE> για όλη τη λιστα

τύπος κουκίδας <LI TYPE=DISC | CIRCLE | SQUARE> για το συγκεκριμένο στοιχείο της λίστας

αριθμιμένη λιστα <OL> <LI> <LI>...<LI> </OL> ΤΟ <LI> μπαίνει μπροστά απο κάθε στοιχείο της λίστας

μορφή αρίθμησης <OL TYPE=A|a|I|i|1> για όλη τη λιστα

μορφή αρίθμησης <LI TYPE=A|a|I|i|1> για το συγκεκριμένο στοιχείο της λίστας

αριθμός έναρξης αρίθμησης <OL START=αριρμός> για όλη τη λιστα

λιστα επεξηγήσεων <DL> <DT> <DD> <DT> <DD> ... <DT> <DD> </DL> (<DT>=όρος, <DD>=Επεξήγηση)

[glow=red,2,300]ΓΡΑΦΙΚΑ ΚΑΙ ΗΧΟΣ[/glow]

Εμφανιση εικόνας <IMG SRC="Διαδρομη αρχείου εικόνας>

στοιχηση εικονας <IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE|LEFT|RIGHT>

στοιχηση εικονας  με το κειμενο <IMG SRC="διαδρομη αρχέιου εικόνας" ALIGN=TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM>

εναλλακτικο κειμενο αντι της εικονας <IMG SRC="διαδρομη αρχέιου εικόνας"ALT="Κειμενο"> Αν η εικόνα δεν εμφανιστει

διστασεις εικονας <IMG SRC="διαδρομη αρχέιου εικόνας"WIDTH=Αριθμός HEIGHT=Αριθμ (μπορουμε κ σε %)> Ως  διαστασεων Σελ.

πλαισιο εικονας <IMG SRC="διαδρομη αρχέιου εικόνας"BORDER=Αριθμός> Σε Pixels

κενος χωρος γυρω απο την εικονα <IMG SRC="διαδρομη αρχέιου εικόνας"HSPACE=Αριθμός VSPACE=Αριθμός> Σε Pixels

ηχος <BGSOUND SRC="διαδρομη αρχέιου ηχου" LOOP=Αριθμός> μπαινει μεταξυ <Head> και </Head>. Loop -1 Συνεχώς

ανανεωση περιεχομενου αυτοματα* <META HTTP-EQUIV="Refresh" CONTENT"χρονος σε δευτερολεπτα; URL=ονομασια σελίδας">

 

Αυτό ηταν ο Οδηγός ειναι 100% Δικος μου. μου πηρε περιπου μια μερα να το γραψω.

Ελπιζω να βοηθηση καπως για οτι καινουργιο μαθαινω θα κανω UPDATE κάθε μερα.

Ευχαριστώ πολυ.

 

Link to comment
Share on other sites

  • 8 months later...
Link to comment
Share on other sites

kai ta 2 einia  poli akla... alla kaneis den dixnei to apotelesma... dld pws  8a fenete...

 

tecpa tnx

auto tha fanei apo to styl sou!, pws tha to kaneis, allwste den sas lew pws na kanete to diko sas site, sas dinw apla tous kwdikes gia na ta dimiourgisete monoi sas :)

Thnx dude :P

thnx >:D

Link to comment
Share on other sites

  • 4 weeks later...

Φίλε μου πολύ καλό, είχα κάποιες απορίες πάνω στην html τώρα νομίζω πως θα τις διελευκάνω!

Θα κοιτάξω και αυτά εδώ..

Ευχαριστώ!

Link to comment
Share on other sites

Φίλε μου πολύ καλό, είχα κάποιες απορίες πάνω στην html τώρα νομίζω πως θα τις διελευκάνω!

Θα κοιτάξω και αυτά εδώ..Ευχαριστώ!

ότι πρόβλημα έχεις, μην διστάσεις, κανε ποστ :)

επίσης μπορείς να χρησιμοποιήσεις microsoft frontpage 2003, για coding, δες βιντεο στο youtube..

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share



  • Posts

    • Rapid Results Keto + ACV Gummies Scam Or Legit! Learn its Effective Working! Rapid Results ACV Keto Gummies have been formed to support weight reduction. The enhancement speeds up fat consuming a cycle known as ketosis. The fixings contained in the enhancement are 100 percent regular with no side effectsWeight misfortune is a touchy matter that the vast majority avoid examining. Individuals attempt various strategies to lose abundance weight. Individuals use practicing and eating fewer carbs as the most well-known strategies for weight reduction. In any case, these strategies expect one to have an elevated degree of discipline and devotion. Not following the legitimate activity or diet strategy makes them insufficient for weight reduction. https://groups.google.com/g/rapid-result-keto-acv-gummies/c/S8mD13S5Z_w https://groups.google.com/g/rapid-result-keto-acv-gummies/c/nm80BMI2gM4 https://sites.google.com/view/rapid-result-keto-acv-gummies/ https://sites.google.com/view/rapidresults-keto-acv-gummies/ https://infogram.com/rapid-results-keto-acv-gummies-reviews-worth-it-or-scam-real-customer-results-1hxr4zxrp058q6y https://www.agentpet.com/forum/discussion/general/rapid-results-keto-acv-gummies-reviews-real-results-or-fake-rapid-acv-keto-gummy-brand https://www.toyorigin.com/community/index.php?threads/rapid-results-keto-acv-gummies-review-does-it-work-or-scam-2023.30342/ https://infogram.com/rapid-results-keto-acv-gummies-does-it-really-work-or-scam-read-it-first-before-buy-1h7z2l8zp78wx6o https://www.facebook.com/profile.php?id=100090165663325 https://www.toyorigin.com/community/index.php?threads/rapid-results-keto-acv-gummies-reviews-weight-loss-gummies-scam-alert.30344/ https://www.agentpet.com/forum/discussion/general/rapid-results-keto-acv-gummies-reviews-its-really-fantastic-bear-us-2023-by-now-from-official-website https://in.pinterest.com/pin/910219774669045826 https://www.scoop.it/topic/rapid-results-keto-acv-gummies-usa https://www.scoop.it/topic/rapid-results-keto-acv-gummies-official https://www.sympla.com.br/produtor/rapidresultsketoacvgummiesofficial
    • ► Product Name— Divinity Labs CBD Gummies ► Rating — ⭐⭐⭐⭐⭐ Within the beyond year, Divinity Labs CBD Gummies obtained on the spot attention. Capsules containing 800mg of it are a pleasing touch. formulated through agencies primarily based totally withinside the United States the use of natural BHB salts (sodium BHB, calcium BHB, magnesium BHB, and potassium BHB, respectively). The BHB salts assist your frame input ketosis greater quick and resource in weight reduction greater quick. Divinity Labs CBD Gummies have obtained lots of high quality comments from clients, researchers, and fitness professionals, indicating that the product is greater useful in your frame. You will discover all the statistics that our company`s researchers have accumulated approximately Divinity Labs CBD Gummies here. ➢VISIT THE OFFICIAL WEBSITE TO BUY TODAY'S SPECIAL OFFER!! How do the Divinity Labs CBD Gummies paintings? Divinity Labs CBD Gummies is a food plan complement that enables you clearly shed pounds. Its number one goal is to sell ketosis withinside the frame, which usually is based on glucose (derived from carbohydrates) as its number one supply of electricity. Your frame makes use of ketones (stored fat) as electricity whilst glucose stages are low and also you do not devour any carbs. Ketones are produced whilst fat are damaged down through the liver. These ketones will flow into at some point of the frame and be applied as electricity. After ketosis begins, that is how our frame is based on ketones for energy. Now, combine this addition into your recurring for progressed outcomes. At first, the frame did now no longer produce enough ketones, so a keto complement is wanted to growth ketones withinside the frame. https://sites.google.com/view/divinity-labs-cbd-gummies-r/home https://www.facebook.com/people/Divinity-Labs-Cbd-Gummies-Benefits/100089732329563/ https://www.facebook.com/people/Divinity-Labs-CBD-Gummies/100089611404037/ https://www.facebook.com/people/Divinity-Labs-CBD-Gummies-Reviews/100089828085283/ https://sites.google.com/view/divinity-labs-cbd-g/home https://sites.google.com/view/divinity-labs-cbd-gummies-00/home https://sites.google.com/view/divinity-labs-cbd-gummies-1/home https://sites.google.com/view/greenhouse-cbd-gummies-usa-u/home   https://sites.google.com/view/greenhouse-cbd-gummies-usa-/home https://www.sympla.com.br/produtor/greenhousecbdgummiesusa https://www.sympla.com.br/produtor/greenhousepurecbd https://www.facebook.com/people/Greenhouse-CBD-Gummies-USA/100090097775643/ https://www.facebook.com/people/Greenhouse-Pure-CBD-Gummies/100089634355160/ https://www.dibiz.com/greenworld45 https://www.scoop.it/topic/greenhouse-cbd-gummies-greenhouse-cbd-gummies https://www.scoop.it/topic/divinity-labs-cbd-gummies-by-divinity-labs-cbd-gummies-reviews-6 https://www.facebook.com/people/Divinity-Labs-CBD/100089633186282/ https://www.facebook.com/people/Divinity-Labs/100089983241607/  
    • my name is Alice , yes , no problem , I hope my humor about star wars pleased you )   download link  https://cutt.ly/29NOVWz  <<<   😇 it is on this forum C6_System_Win10Supported Revision 746 ( protocol version ) 
    • Those are the initial release clients printed on CD/DVD versions. Here is a list of some protocol versions after updates were released:   [746] Interlude Update 3 [744] Interlude Update 2 [740] Interlude Update 1 [737] Interlude [709] C5 Oath Of Blood Update 2 [694] C5 Oath Of Blood Update 1 [693] C5 Oath Of Blood [660] C4 Scions Of Destiny Update 1 [656] C4 Scions Of Destiny [560] C3 Rise Of Darkness Update 3 [557] C3 Rise Of Darkness Update 2 [555] C3 Rise Of Darkness Update 1 [530] C3 Rise Of Darkness [485] C2 Age Of Splendor Update 1 [478] C2 Age Of Splendor [419] C1 Harbingers Of War [377] Prelude [336] Prelude PTS
  • Topics

×
×
  • Create New...

AdBlock Extension Detected!

Our website is made possible by displaying online advertisements to our members.

Please disable AdBlock browser extension first, to be able to use our community.

I've Disabled AdBlock