Web Analytics Made Easy - StatCounter
FoulsCode

Εμφάνιση αναρτήσεων με ετικέτα HTML 5. Εμφάνιση όλων των αναρτήσεων
Εμφάνιση αναρτήσεων με ετικέτα HTML 5. Εμφάνιση όλων των αναρτήσεων

22 Ιουνίου 2017

Responsive and Mega menu





HTML:

<!--Google -Fonts-->
<link href='https://fonts.googleapis.com/css?family=Sintony:400,700&subset=latin-ext' rel='stylesheet' type='text/css'>

<!--Font-awsome-->
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
<div class="container">
<header>
<h2>Responsive Menu</h2>
</header>

<div class="xs-menu-cont">
<a id="menutoggle"><i class="fa fa-align-justify"></i> </a>
<nav class="xs-menu displaynone">
<ul>
<li class="active">
<a href="#">Home</a>
</li>
<li>
<a href="#">About</a>
</li>
<li>
<a href="#">Services</a>
</li>
<li>
<a href="#">Team</a>
</li>
<li>
<a href="#">Portfolio</a>
</li>
<li>
<a href="#">Blog</a>
</li>
<li>
<a href="#">Contact</a>
</li>

</ul>
</nav>
</div>
<nav class="menu">
<ul>
<li class="active">
<a href="#">Home</a>
</li>
<li class="drop-down">
<a href="#">Products</a>
 
<div class="mega-menu fadeIn animated">
<div class="mm-6column">
<span class="left-images">
<img  src="https://4.bp.blogspot.com/-faF-AemPFUM/U4ryP7pQRsI/AAAAAAAAEvA/fZ-hskCSln4/s1600/Magento%2Bthemes.jpg">
<p>Most Popular Styles </p>
</span>
<span class="categories-list">
<ul>
<span>Computer</span>
<li>Desktops</li>
<li>Laptops</li>
<li>Tablets</li>
<li>Monitors</li>
<li>Networking Printers</li>
<li>Scanners</li>
<li>Jumpers & Cardigans</li>
<li><a class="mm-view-more" href="#">View more →</a></li>
</ul>
</span>

</div>
<div class="mm-3column">
<span class="categories-list">
<ul>
<span>TV & Video</span>
<li>LED TVs
<li>Plasma TVs
<li>3D TVs
<li>DVD & Blu-ray Players
<li>Home Theater Systems
<li>Cell Phones
<li>Apple iPhone
<li><a class="mm-view-more" href="#">View more →</a></li>
</ul>
</span>
</div>
<div class="mm-3column">
<span class="categories-list">
<ul>
<span>Car Electronics</span>
<li>GPS & Navigation</li>
<li>In-Dash Stereos</li>
<li>Speakers</li>
<li>Subwoofers</li>
<li>Amplifiers</li>
   <li>MP3 Players</li>
<li>iPods</li>
  <li><a class="mm-view-more" href="#">View more →</a></li>
</ul>
</span>
</div>
</div>
 
</li>
<li>
<a href="#">Services</a>
</li>
<li>
<a href="#">Team</a>
</li>
<li>
<a href="#">Portfolio</a>
</li>
<li>
<a href="#">Blog</a>

</li>
<li>
<a target="_blank" href="http://www.foulscode.com/">Contact</a>
</li>
         <li style="float:right;">
           <a href="http://www.foulscode/">Go my Blog</a>
          </li>

</ul>
</nav>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

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


CSS:


body {
font-family: 'Sintony', sans-serif;
color: #e5e5e5;
font-size: 12px;
background: #bfbfbf;
line-height: 1;
}
*, *:before, *:after {
    box-sizing: border-box;
}
/** * Eric Meyer's Reset CSS v2.0 (https://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */
html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
header h2 {
margin: 25px 10px;
font-size: 28px;
text-align: center;
color: cornsilk;
}
.container {
margin: 10px auto;
display: table;
max-width: 1140px;
width: 100%;
}
.container:after, .container:before {
content: "" clear : both;
}
nav.menu {
background: coral;
position: relative;
min-height: 45px;
height: 100%;
}

.menu > ul > li {
list-style: none;
display: inline-block;
color: #fff;
line-height: 45px;

}
.menu > ul li a, .xs-menu li a {
text-decoration: none;
color: #fff;
display:block;
padding: 0px 24px;
}
.menu > ul li a:hover {
background:#444;
color: #fff;
transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
}
.active{
background:#444 !important;

}
.displaynone{
display: none;
}
.xs-menu-cont{
display:none;
}
.xs-menu-cont > a {
    background: none repeat scroll 0 0 #ff7f50;
    border-radius: 3px;
    padding: 3px 6px;
display: block;
border-bottom:1px solid #E67248;
   box-shadow: 0 1px 2px #e67248;
-webkit-box-shadow: 0 1px 2px #e67248;
-moz-box-shadow: 0 1px 2px #e67248;
}
.xs-menu-cont > a:hover{
 cursor: pointer;
}
  
.xs-menu li {
color: #fff;
padding: 14px 30px;
border-bottom: 1px solid #ccc;
background: #FF7F50;

}
.xs-menu  a{
text-decoration:none;
}

.mega-menu {
   background: none repeat scroll 0 0 #888;
    left: 0;
    margin-top: 3px;
    position: absolute;
    width: 100%;
padding:15px;
display:none;
transition-duration: 0.9s;
    
}
#menutoggle i {
    color: #fff;
    font-size: 33px;
    margin: 0;
    padding: 0;
}


/*--column--*/
.mm-6column:after, .mm-6column:before, .mm-3column:after, .mm-3column:before{
content:"";
display:table;
clear:both;


}
.mm-6column, .mm-3column {
 float: left;
 position: relative;
 }
.mm-6column {
    width: 50%;
}
.mm-3column {
        width: 25%;
}
.responsive-img {
    display: block;
    max-width: 100%;

}
.left-images{
margin-right:25px;
}
 .left-images, .left-categories-list {
   float: left;
}
.categories-list li {
    display: block;
    line-height: normal;
    margin: 0;
    padding: 5px 0;
}
.categories-list li :hover{
background:inherit !important;
}
.left-images > p {
    background: none repeat scroll 0 0 #ff7f50;
    display: block;
    font-size: 18px;
    line-height: normal;
    margin: 0;
    padding: 5px 14px;
}
.categories-list span {
    font-size: 18px;
    padding-bottom: 5px;
    text-transform: uppercase;
}
.mm-view-more{
background: none repeat scroll 0 0 #ff7f50;
    color: #fff;
    display: inline !important;
    line-height: normal;
    padding: 5px 8px !important;
margin-top:10px;
}
.display-on{
display:block;
 transition-duration: 0.9s;
}
.drop-down > a:after{
content:"\f103";
color:#fff;
font-family: FontAwesome;
font-style: normal;
margin-left: 5px;


}
 /*MediaQuerys*/
 @media (max-width: 600px) {
.menu {
 display:none;
 }
 .xs-menu li a {

padding:0px;
}
 .xs-menu-cont{
 display:block ;
 }
 }


/*Animation--*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}


JS:

$(document).ready(function() {
  //responsive menu toggle
  $("#menutoggle").click(function() {
    $(".xs-menu").toggleClass("displaynone");
  });
  //add active class on menu
  $("ul li").click(function(e) {
    e.preventDefault();
    $("li").removeClass("active");
    $(this).addCss("active");
  });
  //drop down menu
  $(".drop-down").hover(function() {
    $(".mega-menu").addClass("display-on");
  });
  $(".drop-down").mouseleave(function() {
    $(".mega-menu").removeClass("display-on");
  });
});




Διαβάστε Περισσότερα »

26 Μαΐου 2015

Another HTML5, CSS3 Navigation Menu




Αντιγραφή επικόλληση τον παρακάτω κώδικα:

<style>
/* foulscode.blogspot.gr */
#org_menu {
    position: relative;
    margin: 0 auto;
    clear: both;
    width: 960px;
    }
#org_menu:before {
    content: "";
    position: absolute;
    left: -10px;
    bottom: -9px;
    z-index: 1;
    border: 10px solid transparent;
    border-right-color: #c50;
}
#org_menu ul {
    display: block;
    position: relative;
    z-index: 2;
    padding: .2em 30px;
    margin-right: -2em;
    list-style: none;
    background: #f72;
    font-family: 'Arial', serif;
    font-weight:bold;
    font-size: 16px;
    line-height: 1;
    color: white;
    text-transform: capitalize;
    border-radius: 0 9999px 9999px 0;
    box-shadow: 0 2px 8px -3px rgba(0,0,0,.5),
                0 1.4em 2em -0.7em rgba(255, 255, 255, .2) inset;;
}
#org_menu ul:after {
    content: "";
    clear: both;
    display: block;
    visibility: hidden;
}
    #org_menu li {
        float: left;
        position: relative;
    }
 
        #org_menu a {
            display: block;
            padding: .8em 1.4em;
            text-decoration: none;
            text-shadow: 1px 1px 1px rgba(0,0,0,.3);
            color: white;
            transition:.3s box-shadow, .3s padding;
            border-radius: 9999px;
        }
     
        #org_menu a:hover,
        #org_menu a:active {
            background: rgba(0,0,0,.1);
            color: #F90;
            box-shadow: 1px 1px 5px rgba(0,0,0,.3) inset;
        }
     
        #org_menu a:active {
            background:white;
            color: #eee;
            padding: .5em .6em .3em 1em;
            text-shadow: 1px 1px 0 rgba(0,0,0,.4);
            box-shadow: 10px 6px 1px #c50 inset;
        }
    #org_menu:hover {
        transform: rotate(720deg);
    }
/* foulscode.blogspot.gr */
</style>
<nav id="org_menu">
<ul>
<li ><a href="URL" title="Home">Home</a></li>
<li><a href="URL">Projects</a></li>
<li><a href="URL">Speaking</a></li>
<li><a href="URL">Writing</a></li>
<li><a href="URL">Interviews</a></li>
<li><a href="URL">Press</a></li>
<li><a href="URL">About me</a></li>
</ul>
</nav>


LIVE DEMO


Αλλάξτε τα url μετά δικά σας και τους τίτλους και μπορείτε να κάνετε αποθήκευση!


Διαβάστε Περισσότερα »

30 Δεκεμβρίου 2014

HTML Basics: Τα μοντέλα περιεχομένου




Στις προηγούμενες εκδόσεις HTML, υπήρχαν 2 κατηγορίες περιεχομένου. Υπήρχαν τα επίπεδα Block και το επίπεδο Inline. Τα block σε ένα έγγραφο HTML κατείχαν την δικιά τους γραμμή μέσα στο έγγραφο ενώ αντίθετα τα στοιχεία inline βρίσκονταν μέσα στα στοιχεία Block. Στην HTML5 επεκτάθηκε αυτή η νοοτροπία και διασπάστηκαν τα στοιχεία σε 7 κατηγορίες περιεχομένου. Με αυτό τον τρόπο μπορούμε να γράψουμε κώδικα σήμανσης HTML ο οποίος έχει νόημα και δομή.





Πηγή
Διαβάστε Περισσότερα »

13 Δεκεμβρίου 2013

15 χρόνια μετά, η HTML5 κάνει δυο σημαντικά βήματα προς την ολοκλήρωσή της


Στα μέσα Δεκέμβρη, το World Wide Web Consortium (W3C) πραγματοποίησε δύο σημαντικά βήματα προς την κατεύθυνση της ολοκλήρωσης της HTML5. Το ένα αφορά την δημοσίευση της «Υποψήφιας Σύστασης» (Candidate Recomendation) της HTML5 και το δεύτερο την κυκλοφορία της πρώτης δοκιμαστικής έκδοσης της HTML 5.1. Ας δούμε, όμως, τί σημαίνουν όλα αυτά….


Η «υποψήφια σύσταση» αποτελεί μια πρώτη έκδοση της γλώσσας που περιλαμβάνει μόνο τα χαρακτηριστικά εκείνα που είναι δοκιμασμένα, σταθερά και ήδη ενσωματωμένα στις τρέχουσες εκδόσεις των browser. Αυτό σημαίνει πως ο,τιδήποτε μη σταθερό ή αμφιλεγόμενο έχει εξαιρεθεί, ενώ έχει αφαιρεθεί επίσης και κάθε τί που είναι γνωστό ότι προκαλεί προβλήματα μεταξύ των υλοποιήσεων του κάθε browser. Η σύσταση αυτή είναι που θα αποτελέσει την βάση για την τελική προδιαγραφή της HTML 5.0, που αναμένεται να παραδοθεί, στην οριστική της μορφή, στο τέλος του 2014.

Παράλληλα, ξεκίνησε να δημιουργείται η πρώτη «πρόχειρη» (draft) έκδοση της HTML 5.1, που θα περιλαμβάνει νέα χαρακτηριστικά και λειτουργικότητες που δεν πρόλαβαν να βρουν τον δρόμο τους στην HTML 5.0 αλλά για τα οποία υπάρχει κοινή συναίνεση για την υλοποίησή τους. Τέτοιες λειτουργίες περιλαμβάνουν βελτιώσεις στην διαχείριση βίντεο, νέες επιλογές στην συμπλήρωση φορμών, ορθογραφικό έλεγχο, καλύτερη προσβασιμότητα στις φωτογραφίες και περισσότερες δυνατότητες στα iframe.

Κι αν σας φαίνεται πως οι εργασίες του W3C προχωρούν κάπως αργά, μάλλον θα εκπλαγείτε αν μάθετε πως η προηγούμενη τελική έκδοση της HTML, η HTML4, χρονολογείται από το 1997, ενώ σύμφωνα με τον αρχικό προγραμματισμό η ολοκλήρωση της HTML5 ήταν προγραμματισμένη για το 2022.



Πηγή
Διαβάστε Περισσότερα »

30 Νοεμβρίου 2013

Δημιουργήστε Εύκολα HTML5 Animation Με Το HTML5 Maker




Το HTML5 Maker είναι μια online υπηρεσία / εργαλείο για τη δημιουργία κινούμενου, διαδραστικού περιεχόμενου με χρήση HTML, HTML5, CSS και JavaScript. Είναι πολύ εύκολο στη χρήση και την ίδια στιγμή μπορεί να σας βοηθήσει να επιτύχετε πολύ καλά αποτελέσματα. Επιτρέπει την παραγωγή cross-browser κινούμενου περιεχόμενου, όπως javascript και HTML5 animation, Slideshows,  Presentations και Sliders.





Το Animation μπορεί εύκολα να ενσωματωθεί στο υπάρχον website προσθέτοντας μια διασκεδαστική ή επαγγελματική εμφάνιση σε αυτό. Η HTML5 Maker πρόκειται για μια συνδρομητική υπηρεσία η οποία παρέχει και συνδρομή χωρίς χρέωση. Ωστόσο, δεν χρειάζεται καν να εγγραφείτε για να χρησιμοποιήσετε την υπηρεσία. Μπορείτε απλά να πατήσετε το κουμπί Δημιουργία Animation στην αρχική σελίδα και να αρχίσετε να εργάζεστε για το έργο σας.

Απαιτήσεις: -
Demo: http://html5maker.com/
Άδεια: License Free


ΠΗΓΉ
Διαβάστε Περισσότερα »

3 Απριλίου 2013

HTML5 & HTML 4+ – Όλες οι ετικέτες



Σήμερα άρχισα να κάνω μια σύντομη σύγκριση των ετικετών της HTML 4+ με τις ετικέτες της HTML5 έτσι ώστε να μπορέσω να δω ποιες είναι οι διαφορές από ετικέτα σε ετικέτα, ποιες ετικέτες έχουν κληρονομηθεί από την HTML 4+ και ποιες νέες ετικέτες υπάρχουν που δεν υπήρχαν στις προηγούμενες εκδόσεις. Έτσι μετά από αρκετή ώρα συγκρίσεων, συγκέντρωσα μια λίστα με όλες τις ετικέτες που υπάρχουν στην HTML 4+ και στην HTML5




ΕτικέταΠεριγραφήHTML 4+HTML 5
<comment>Ορίζει ένα σχόλιο
<DOCTYPE>Ορίζει τον τύπου του εγγράφου
<a>Ορίζει ένα υπέρ-σύνδεσμο
<abbr>Ορίζει μια συντομογραφία
<acronym>Ορίζει μια ακρώνυμο
<address>Ορίζει ένα στοιχείο διεύθυνσης
<applet>Ορίζει ένα applet
<area>Ορίζει μια περιοχή μέσα σε ένα χάρτη εικόνας
<article>Ορίζει ένα άρθρο
<aside>Ορίζει μια περιοχή δίπλα από το περιεχόμενο της σελίδας
<audio>Ορίζει μια περιοχή ήχου
<b>Ορίζει ένα έντονα γραμμένο κείμενο
<base>Ορίζει το βασικό URL για όλα τα URL της σελίδας
<basefont>Είναι απαγορευμένη. Στη θέση της χρησιμοποιήστε CSS
<bdo>Ορίζει την κατεύθυνση του κειμένου που εμφανίζει
<big>Ορίζει μεγάλο κείμενο
<blockquote>Ορίζει μια μεγάλη περιοχή εισαγωγικών
<body>Ορίζει το στοιχείο κορμού
<br>Εισάγει μια αλλαγή γραμμής
<button>Εισάγει ένα κουμπί
<canvas>Ορίζει μια περιοχή για γραφικά
<caption>Ορίζει μια επικεφαλίδα σε πίνακες
<center>Ορίζει ένα κείμενο στοιχισμένο στο κέντρο
<cite>Ορίζει μια παραπομπή
<code>Ορίζει μια περιοχή που προβάλει κώδικα υπολογιστών
<col>Ορίζει ιδιότητες για στήλες σε ένα πίνακα
<colgroup>Ορίζει ομάδες από στήλες σε ένα πίνακα
<command>Ορίζει ένα κουμπί εντολής
<datagrid>Ορίζει δεδομένα σε λίστα δέντρου
<datalist>Ορίζει μια αναδυόμενη λίστα δεδομένων
<datatemplate>Ορίζει πρότυπα δεδομένων
<dd>Ορίζει την περιγραφή ενός ορισμού
<del>Ορίζει ένα διαγραμμένο κείμενο
<details>Ορίζει της λεπτομέρειες ενός στοιχείου
<dialog>Ορίζει ένα διάλογο
<dir>Ορίζει μια λίστα καταλόγου
<div>Ορίζει ένα τμήμα σε ένα έγγραφο
<dfn>Ορίζει ένα ορισμό για ένα όρο
<dl>Ορίζει μια λίστα ορισμών
<dt>Ορίζει ένα όρο ορισμού
<em>Ορίζει ένα κείμενο με έμφαση
<embed>Ορίζει ένα εξωτερικό διαδραστικό στοιχείο ή κάποιο plugin
<eventsource>Ορίζει μια περιοχή «στόχο» για γεγονότα που αποστέλνονται από το web server
<fieldset>Ορίζει μια περιοχή πεδίων φόρμας
<figure>Ορίζει μια ομάδα πολυμέσων και τους τίτλους τους
<font>Ορίζει το όνομα το χρώμα και το μέγεθος της γραμματοσειράς
<footer>Ορίζει το υποσέλιδο ενός τμήματος ή μιας σελίδας
<form>Ορίζει μια φόρμα
<frame>Ορίζει ένα υπό-παράθυρο
<frameset>Ορίζει ένα σύνολο από παράθυρα
<h1> – <h6>Ορίζει επικεφαλίδες τάξης από 1 μέχρι 6
<head>Ορίζει πληροφορίες σχετικά με το έγγραφο
<header>Ορίζει την επικεφαλίδα ενός τμήματος ή της σελίδας
<hr>Ορίζει μια οριζόντια γραμμή
<html>Ορίζει ένα έγγραφο html
<i>Ορίζει πλάγια γράμματα
<iframe>Ορίζει ένα υπό-παράθυρο
<img>Ορίζει μια εικόνα
<input>Ορίζει ένα πεδίο εισαγωγής
<ins>Ορίζει ένα κείμενο που προστέθηκε αργότερα
<isindex>Ορίζει ένα πεδίο εισαγωγής μιας γραμμής
<kbd>Ορίζει κείμενο γραμμένο με το πληκτρολόγιο
<label>Ορίζει μια ετικέτα για ένα στοιχείο εισαγωγής φόρμας
<legend>Ορίζει τον τίτλο ενός συνόλου πεδίων
<li>Ορίζει ένα στοιχείο λίστας
<link>Ορίζει την αναφορά σε μια πηγή
<mark>Ορίζει ένα κείμενο με επισήμανση
<map>Ορίζει ένα χάρτη εικόνας
<menu>Ορίζει μια λίστα μενού
<meta>Ορίζει μετά πληροφορίες για το έγγραφο
<meter>Ορίζει τη μέτρηση σε ένα προκαθορισμένο εύρος τιμών
<nav>Ορίζει συνδέσμους πλοήγησης
<nest>Ορίζει το σημείο ενθυλάκωσης σε ένα πρότυπο δεδομένων
<noframes>Ορίζει ένα τμήμα που δεν έχει υπό-παράθυρα
<noscript>Ορίζει μια περιοχή χωρίς σενάρια εντολών
<object>Ορίζει ένα ενσωματωμένο αντικείμενο
<ol>Ορίζει μια ταξινομημένη λίστα
<optgroup>Ορίζει ένα σύνολο επιλογών
<option>Ορίζει μια επιλογή σε μια αναδυόμενη λίστα
<output>Ορίζει ορισμένους τύπους εξόδου
<p>Ορίζει μια παράγραφο
<param>Ορίζει μια παράμετρο ενός αντικειμένου
<pre>Ορίζει ένα κείμενο που είναι μορφοποιημένο εξ αρχής
<progress>Ορίζει την πρόοδο κάθε είδους εργασίας
<q>Ορίζει σύντομα εισαγωγικά
<rule>Ορίζει τους κανόνες αναβάθμισης ενός προτύπου
<s>Ορίζει ένα κείμενο με μια γραμμή στη μέση
<samp>Ορίζει δείγμα κώδικα υπολογιστή
<script>Ορίζει ένα σενάριο εντολών
<section>Ορίζει ένα τμήμα
<select>Ορίζει μια λίστα επιλογών
<small>Ορίζει ένα κείμενο με μικρότερη γραμματοσειρά
<source>Ορίζει πηγές πολυμέσων
<span>Ορίζει ένα τμήμα του εγγράφου
<strike>Ορίζει ένα κείμενο με μια γραμμή στη μέση
<strong>Ορίζει ένα έντονα γραμμένο κείμενο
<style>Ορίζει ένα ορισμό μορφοποίησης
<sub>Ορίζει ένα κείμενο βάσης
<sup>Ορίζει ένα κείμενο εκθέτη
<table>Ορίζει ένα πίνακα
<tbody>Ορίζει τον κορμό ενός πίνακα
<td>Ορίζει ένα κελί του πίνακα
<textarea>Ορίζει μια περιοχή κειμένου
<tfoot>Ορίζει το υποσέλιδο ενός πίνακα
<th>Ορίζει την επικεφαλίδα μια στήλης του πίνακα
<thead>Ορίζει την επικεφαλίδα ενός πίνακα
<time>Ορίζει μια ώρα/ημερομηνία
<title>Ορίζει τον τίτλο του εγγράφου
<tr>Ορίζει μια γραμμή σε ένα πίνακα
<tt>Ορίζει κείμενο τηλετύπου
<u>Ορίζει ένα υπογραμμισμένο κείμενο
<ul>Ορίζει μια αταξινόμητη λίστα
<var>Ορίζει μια μεταβλητή
<video>Ορίζει ένα video
<xmp>Ορίζει ένα κείμενο μορφοποιημένο εξ ορισμού


ΠΗΓΗ
Διαβάστε Περισσότερα »
Related Posts Plugin for WordPress, Blogger...