Jump to content
MaxCheaters Official Group on X
MaxCheaters Official Group on Discord
--> Place your ad text here <--

[GR Tutorial]Html ετικέτες και πως τις χρησιμοποιείτε.

JaharakaL

By JaharakaL
in Coding Tutorials/Guides

 Share

Recommended Posts

JaharakaL Newbie

JaharakaL

Posted
Posted

HTML

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

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

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

 

Η 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 και οχι μεσα σε αυτόν.

 

ΒΑΣΙΚΑ ΣΤΟΙΧΕΙΑ

 

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

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

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

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

ΜΟΡΦΟΠΟΙΗΣΗ ΚΕΙΜΕΝΟΥ

Εντονη γραφη <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>

 

ΔΙΑΧΩΡΙΣΤΕΣ

 

παραγραφος <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> Διχως την τριδιαστατη οψη

ΦΟΝΤΟ ΚΑΙ ΧΡΩΜΑΤΑ

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

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

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

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

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

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

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

 

ΛΙΣΤΕΣ

 

Απλή λιστα <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>=Επεξήγηση)

 

ΓΡΑΦΙΚΑ ΚΑΙ ΗΧΟΣ

 

Εμφανιση εικόνας <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=ονομασια σελίδας">

 

Credits.

Guest
This topic is now closed to further replies.
 Share
Go to topic listing

  • Posts

    • BruT
      ⭐L2j Essence 8.2 - Heart Of Volcano⭐

      By BruT · Posted

      never met a programmer that doesnt know english xD and as he said his knowledge and skills are beyond our imagination xD
    • MarGaZeaS
      L2 Control Hub: Revolutionizing Lineage 2 Server Management

      By MarGaZeaS · Posted

      nice work, welcome back to world of lineage development @melron 😄
    • ratchet
      ⭐L2j Essence 8.2 - Heart Of Volcano⭐

      By ratchet · Posted

      He's likely baiting you to download his source full of backdoors indeed
    • xhoeri
      Cant figure it out on making the server run online

      By xhoeri · Posted

      Yeah inside router i had to enable udnp services 
    • melron
      L2 Control Hub: Revolutionizing Lineage 2 Server Management

      By melron · Posted

      Hello cheaters, As a team of avid developers and enthusiasts of Lineage 2, we are excited to present the L2 Control Hub, a groundbreaking plugin designed by myself and my collaborator, StinkyMadness. This innovative tool equips server administrators with powerful automation capabilities directly within the game's community board. L2 Control Hub simplifies the creation and management of automations, enabling you to customize your server operations without the need to modify the source code.   Key Features of L2 Control Hub: Robust Automation Triggers: Select from a plethora of triggers currently available, with continuous additions in the works to enhance your control options. Dynamic Conditions and Actions: Tailor your server operations with an extensive range of conditions and actions, ensuring flexible and precise control over game events and player interactions. Customizable Variables: Easily integrate server-specific variables from your database to further personalize and streamline your automations. Utilize these variables across various automation scenarios to cater to your specific server requirements. JavaScript Integration: Execute custom JavaScript codes that interact seamlessly with Java classes, bringing advanced functionalities to your server's ecosystem.   Explore L2 Control Hub in Action: We've prepared a series of video tutorials to demonstrate the capabilities of L2 Control Hub: Control Hub - Create a Simple Flow with 1 Condition and 1 Action: Get started with basic automations. Control Hub - Multiple Conditions with Multiple Actions: Explore more complex automations for detailed server management. Control Hub - Using Variables: Discover how to implement and use custom variables for tailored automations. Control Hub - Using JavaScript: Experience the power of custom scripts in enhancing your server functionality.   L2 Control Hub is currently about 70% complete, and we are actively developing and refining features. We invite you to join our ➡️ Discord community ⬅️ to engage with the development process, provide feedback, and be the first to test new features. Additionally, any updates or changes to the plugin are seamlessly delivered to all customers directly from our web server, ensuring your system is always up-to-date without the need for manual downloads.   Your game, your rules, automated. Join us in redefining server management in Lineage 2 and elevate your gaming community with unmatched automation capabilities. For more details, contact us directly to get started with L2 Control Hub.   Currently, the plugin is developed using aCis sources. We will continue with these sources until we finalize all the necessary details before proceeding to integrate with the more prominent sources available.       The L2 Control Hub is designed to extend beyond mere functional additions to your server. We are in the process of implementing a suite of advanced mechanisms, such as a vote manager capable of interfacing with any Lineage 2 voting site without requiring configuration, live statistics to provide admins with real-time insights, and an event engine that can generate any desired event within seconds. All these features will be seamlessly integrated into the module, enhancing your server management experience significantly.     Please note that L2 Control Hub will be a premium tool, reflecting the extensive features and benefits it offers. While we are finalizing the pricing structure, rest assured that we aim to deliver great value for your investment. We will announce the cost details soon on our platforms to ensure everyone is well-informed and can plan accordingly. Join us to take your server management to the next level with L2 Control Hub.     

  • Topics

×
×
  • Create New...