Free Essay

Html 5

In: Computers and Technology

Submitted By freegigi
Words 3523
Pages 15
HTML5

HTML 5

Cerinţe examen
• • • • Activitate seminar-20% Examen practic-sapt 14. - 45% Examen scris –sesiune-35% Minim nota 5 la fiecare probă

Istoric
HTML2 a fost dezvoltat de Internet Engineering Task Force HTML Working Group in 1996. O versiune învechita care nu se mai studieaza. HTML 3.2 a devenit o Recomandare W3C pe 14. Ianuarie 1997. HTML 3.2 conţinute caracteristici noi: fonturi, tabele, appleturi, superscript, subscript şi mult altele ce extind standardul HTML 2.0. Unul dintre elementele adăugate la standardul HTML 3.2, a fost tag-ul . Această etichetă a introdus o complexitate inutilă pentru sarcina importanta de a separa conţine cod HTML (text) de la prezentarea acestuia (stil). Tag-ul a devenit învechit in HTML 4.0. HTML 4.0 a devenit o Recomandare W3C pe 18. Decembrie 1997. O a doua versiune a fost emisă la 24. Aprilie 1998, cu doar câteva corecţii editoriale. Cea mai importantă caracteristică a HTML 4.0 a fost introducerea foilor de stil (CSS). HTML 4.01 a devenit o Recomandare W3C pe 24. Decembrie 1999. HTML 4.01 a fost un update minor de corecţii şi de înlăturarea a bugurilor din HTML 4.0. XHTML 1.0 reformulare a lui HTML 4.01 în XML. XHTML 1.0 a devenit o Recomandare W3C pe 20. Ianuarie 2000. HTML 5 devine public la data de 22 ianuarie 2008, cand W3C a publicat un proiect de lucru pentru HTML 5. HTML 5 imbunatateste interoperabilitatea, şi reduce costurile de dezvoltare, prin norme precise privind modul în care să se ocupe de toate elementele HTML, si de a recupera/trarata/evita erori. Unele dintre noile caracteristici din HTML 5 sunt funcţii pentru încorporarea audio, video, grafica, stocarea datelor pe parte de client, precum şi documente interactive. HTML 5 conţine, de asemenea, elemente noi, cum ar , , , şi . Obs: HTML5 nu este încă o recomandare W3C

HTML5 1. se bazeaza pe HTML, CSS, DOM, şi JavaScript 2. reduce nevoia de plugin-uri externe (precum Flash) 3. o mai bună tehnica de manipulare a erorilor 4. mai mult Markup pentru a înlocui scripting 5. independenta de dispozitiv Modificarile HTML5: 1. se foloseste doar o simpla forma pt DOCTYPE astfel: . Intentionat nu contine nici o precizare pt a putea fi folosita in versiunile viitoare de HTML. 2. se retin atributele pt limbaj. Nu este obligatoriu sa se foloseasca atributele xmlns sau xml: lang in tagul . In HTML5 se va scrie: 3.se definesc seturile de caractere cu ajutorul atributului charset din meta tag: 4. Pt elementele nule in HTML5 de ex: br, img si input nu mai cer slash-ul de final 5. nu mai se accepta in HTML5 elementele: , , , , , , , , , , , , , and

HTML 5 introduce şi îmbunătăţeşte o gamă largă de caracteristici (controalele formular, API-uri, multimedia, structura şi semantică) -scopul este : de a oferi dezvoltatorilor o mai mare flexibilitate şi interoperabilitate, şi a permite site-urile web mai interactive şi mai incitante . Dezvoltarea lui HTML 5 a inceput din 2004 si sunt implicati W3C HTML WG, WHATWG, Apple, Mozilla, Opera, and Microsoft.HTML5 este in curs de dezvoltare ....... HTML5 introduce un set întreg de elemete noi care permit sa realizeze o structurarea mai usoara a paginilor web. HTML 4.0 includea o varietate de structuri comune cum ar fi: headers, footers si coloane. In prezent este comuna folosirea acestora in div-uri carora li se ofera un id descriptiv sau de clasa.

Este un exemplu tipic pt HTML 4 de impartire a continutului unei pagini in: 1. 2 coloane prin utilizarea div-urilor cu atributele id si class. 2. partea de antent si subsol. Sub antent este prezenta o bara de navigare orizontala. Partea de continut principal este alcatuit din articol si un slidebar in dreapta. In HTML 4 folosirea div-urilor in toate zonele era ceva normal.

HTML 5 abordează această problemă prin introducerea unor elemente noi pentru a reprezenta fiecare dintre aceste secţiuni in mod diferit astfel:

Se observa ca elementele div sunt inclocuite cu: header,nav, article, section, aside, footer. Codul documentului va arata astfel: ... ... ... ... ...

Level 1 Level 2 Level 3 A B C D E F

HTML vresiuni anterioare

HTML vresiunea 5 In sectiunea header se pot intdoduce datele legate de: titlul documentului, autorul documentului etc. HTML 5 De x Exemple Introducere tag lini aici.

Elementul footer - sectiunea de subsol a unei pagini. Un subsol tipic contine informatii legate de cine a scris , legaturi spre alte documente copyright data . Ex:
© 2011 XX.

Elementul nav reprezinta o sectiune destinata link-urilor de navigare. Elementul nav poate fi privit ca un un tabel de continut : Home Produse Servicii Despre

Elementul -este pt continut. -poate fi tag spre alt continut asemanator. - este destinat utilizarii pentru a marca lateralele.(de fapt arhivele pe acelasi continut) Archives September 2007 August 2007 July 2007

Elementul -o sectiune generica a documentului sau a aplicatiei, cum este un capitol, de ex: Chapter 1: HTML: 4 HTML4 este ……………………………. ...

Elementul < article > -o sectiune independenta a unui document, pagina sau site. -potrivit pentru link-uri spre conţinutul unor articole de ştiri de pe blog, posturi pe forumuri sau pentru comentarii individuale. Comment #2 by George 25Septembrie ora:23.23 Este un articol interesant

Functii noi ale lui HTML5: 1. elementul canvas pt desen 2. elementele video si audio pt redarea fisierelor de muzica 3. suport mai bun pt stocari locale offline 4. noi elemente de continut specifice: ca article, footer, header, nav section 5. noi controale de forma: calendar, date, time, e-mail, url si search. HTML 5 include elemente noi pt a realiza: - o structurarea mai buna a documentelor; - obiecte pt desen mai performante -posibilitatea de a adauga continut media - un handling mai bun pt formulare.

Video and Audio In ultimi ani aceste elemente au devenit de nelipsit pe site-uri ca: YouTube, Viddler, Revver, MySpace -pana in prezent HTML nu putea incorpora cu succes controale multimedia in site-uri se recurgea la folosirea Flash pt a oferi astfel de functionalitati. In afara de Flash se mai puteau folosi plug-in pt a integra multimedia de ex: QuickTime, Windows Media etc. In prezent Flash este cel mai raspandit deoarece ofera o solutie compatibila cu API-urile dorite de dezvoltatori. Se doreste sa se adauge la browsere un suport nativ pt integrarea video- audio si furnizarea de APIs DOM pt scripturi pt a controla redarea de catre utilizatori. Elementele video si audio fac aceasta integrarea foarte usoara. Cele mai multe APIs sunt impartite intre aceste 2 elemente , cu singurele diferente inerente dintre media visuala si non-vizuala. Atat Opera cat si WebKit au lansat un suport partial pt elementul video. Opera include suport pt Ogg Theora si WebKit ofera suport pt toate formatele care sunt accesibile pe QuickTime inclusiv codec-uri. Calea cea mai simpla de a include video, este de a folosi elementul si de a lasa browser-ul de a oferi o interfata de utilizator implicita. Atributul controls este boolean care indica daca UI permite sau este dezactivat in mod implicit. Atributul poster-specifica ce tip de imagine va fi afisata in loc de film, inainte de inceperea filmului. Download film

Aceste controale prezinta metodele play(),pause() si setarea currentTime pt a derula() de la inceput. Ex de utilizare a acestor metode: .......

Elementul canvas nu are abilitatea de a se desena singur. Toate desenele tb incluse in interiorul lui JavaScript astfel: Browserul nu suporta tag-ul . var c=document.getElementById("myCanvas"); var cxt=c.getContext("2d"); cxt.fillStyle="#FF0000"; cxt.fillRect(0,0,150,75);

Elementul canvas in HTML5 este caracteristica pe care majoritatea dezvoltatorilor vor dori să o folosească pentru a dezvolta aplicatii web cu adevarat rich client - fără a fi nevoie să se instaleze browser plug-in-uri cum ar fi Adobe Flash Player. Def: Canvas este este un element nou în HTML5, care permite să atragă grafica cu ajutorul JavaScript. Canvas poate fi utilizat pentru a genera text, imagini, grafice, dreptunghiuri, linii, gradient și alte efecte dinamice. Prin intermediul canvas se pot utiliza API-ul 2D. Acest API conține o multitudine de funcții care oferă puterea de a desena tot cea ce se doreste sa apara in canvas. În prezent, canvas sprijină o suprafață 2D, nu 3D.
Pentru a vizualiza canvasul se va adauga o linie de contur albastra astfel: Exemple canvas nu se poate folosi CSS pt ele. CSS va afecta doar zona de patrat a Canvasului in sine, a.i. se poate seta o bordura albastra şi o culoare de fundal de exemplu roşie. -Dom animaţie: DOM (DOCUMENT OBJECT MODEL) defineşte un obiect pentru tot ce se afişează într-o pagina web. DOM animation se poate folosi cu CSS sau JavaScript pentru a desena obiecte. Canvas este un nivel scăzut faţă de SVG,CSS sau alte elemente DOM. => control asupra desenului şi să se folosească mai puţină memorie, dar scriind mult cod. SVG se foloseste atunci când există shaps care se doresc încarcate pe ecran(cu Adobe Illustrator) CSS sau animaţii DOM se folosesc atunci când se doreşte să se animeze zone mari statice, sau dacă se doreşte să se convertească la 3D.Canvas este o alegere bună pentru diagrame, grafice, diagrame dinamice, și de jocuri video.

Canvas este acum un API stabil care este suportat de cele mai moderene browsere şi chiar şi de Internet Explorer de la versiunea 9.
Browser Desktop Safari Chrome Opera FireFox Internet Explorer Version 3.0+ 10+ 9+ 4.0+ 9.0+

Pe parte mobilă, aproape toate platformele smartphone oferă un bun suport pentru Canvas bazându-se pe WebKit. Support sigur pentru canvas se afla pe webOS, iOS, şi Android.
Mobile Browser iOS webOS Android BlackBerry Windows Phone 7 Version All All 2.0+ Playbook and OS 6.0+ None

Canvas este un API 2D. Paşi în utilizarea Canvasului: 1.se face o referinta la un context graphic; 2.se setează proprietăţile dorite: culoare de umplere, culoare de contur, gradient.

Exemplul 2: Redimensionare dreptunghi in proprietate fillRect (pct x, pct y, width, height) // context grafic // definire contur si culoare de umplere var canvas = document.getElementById('canvas'); var b= canvas.getContext('2d'); b.fillStyle = "red"; b.fillRect(13,220,100,200);

Canvas ce contine un pătrat roşu creat cu funcţia context.fillRect() : var canvas = document.getElementById('canvas'); var c = canvas.getContext('2d'); c.fillStyle = "blue"; c.fillRect(10,10,300,200);

În acest exemplu, se setează o culoarea de umplere curentă, se crează o cale, apoi se umple cu culoare prin proprietăţile fillStyle şi strokeStyle. Proprietăţile fillStyle şi strokeStyle pot luat ca valoare culori in hexazecimal, litere sau functii RGB(). a.fillStyle = "Culoare" - reprezinta culoarea din interiorul formei. Se poate folosi orice metoda de definire a culorii utilizata in CSS (blue, #0000ff, #00f, sau rgb(0,0,255) ). - Daca nu se specifica o culoare, va fi aplicat negru. a.fillRect(X-stanga, Y-sus, lungime, inaltime) - Deseneaza patrulaterul in canvas, folosind cloarea din "fillStyle". Canvas ofera support pentru crearea de dreptunghi. In cazul in care se doreste sa se deseneze alte forme se folosesc PATHS(trasee). Paths sunt forme create de un grup de segmente de linii drepte sau curbe. Etape de desenare a unui Path in canvas: se defineste o cale cu beginPath (); pentru fiecare segment de linie se folosesc urmatoarele funcţii MoveTo(), lineTo() şi bezierCurveTo(). lineTo(x, y) Aceasta metoda traseaza o linie de la punctul curent pana la coordonatele (x, y). Pentru a seta sau muta punctul curent de inceput, se foloseste metoda moveTo(). moveTo(x, y) - Aceasta metoda creaza, sau muta, punctul de inceput al desenarii, la coordonatele specificate.

Exemplul de mai sus se deseneaza o forma cu MOVETO urmat de segmentul Bezier şi apoi câteva li După creare, path se umple cu fill.

var canvas = document.getElementById('canvas'); var c = canvas.getContext('2d'); c.fillStyle = 'red'; c.beginPath(); c.moveTo(10,30);//seteaza punctual de inceput c.bezierCurveTo(50,90,159,-30,200,30); c.lineTo(200,90);//defieste linia c.lineTo(10,90); c.closePath(); c.fill(); c.lineWidth = 4;// defineste grosimea liniei c.strokeStyle = 'black';//defineste culoare liniei c.stroke(); //adauga liniile

Transparenţa imagini se realizeaza cu rgba(Red, Green, Blue, Alpha). "Alpha" e o valoare între 0 şi 1 care reprezintă transparenţa. Canvas transparenta Browser compatibil-Canvas pt a vizualiza aceasta zona.

Canvas - Text Sunt două metode pentru adăugare text în canvas: fillText(text, x, y) - adaugă textul la poziţia specificată, având culoarea din fillStyle. strokeText(text, x, y) - adauga textul la poziţia specificată, dar fără culoare de umplere, doar cu linia de margine a literelor, având culoarea din strokeStyle. Pentru text se pot folosi următoarele proprietăţi la obiectul context: a.font = valoare - Specifică fontul textului, la fel ca proprietatea font-family din CSS. a.textAlign = valoare - Specifică alinierea pe orizontală a textului, valori: "start", "end", "left", "right", "center" (default e "start"). a.textBaseline = valoare - Specifică alinierea pe verticalş a textului, valori: "top", "hanging", "middle", "alphabetic", "ideographic", "bottom" (default e "alphabetic"). Folositi un browser compatibil-Canvas ca sa vedeti aceas zona.

Canvas - Umbre Instructiunile JavaScript pentru umbre contin proprietati care se aplica la obiectul context: ctx.shadowColor = valoare - Seteaza culoarea umbrei. ctx.shadowBlur = valoare - Seteaza "blur" la umbra, in pixels. Cu cat valoarea e mai mica, umbra e mai ascutita. ctx.shadowOffsetX = valoare - Specifica distanta X, in pixeli. ctx.shadowOffsetY = valoare - Specifica distanta Y, in pixeli. Urmatorul cod deseneaza o sfera rosie, cu o umbra galbena avand transparenta 0.8: Folositi un browser compatibil-Canvas ca sa vedeti aceasta zona.

Canvas - Gradient Pentru a crea culoare gradient in Canvas, se aplica un obiect CanvasGradient la proprietatile fillStyle sau /si strokeStyle. Se pot crea doua tipuri de obiect CanvasGradient, utilizand una din urmatoarele metode: gradient = context.createLinearGradient(x0, y0, x1, y1) - Returneaza un obiect CanvasGradient ce reprezinta un gradient liniar, care incepe de la punctul (x0, y0) si se termina la punctul (x1, y1). gradient = context.createRadialGradient(x0, y0, r0, x1, y1, r1) - Returneaza un obiect CanvasGradient ce reprezinta un gradient radial, ca un con cu cercul mic dat de (x0, y0, raza0), iar cercul mare definit de (x1, y1, raza1). Dupa crearea obiectului pentru gradient, se pot adauga culori in gradient, cu metoda addColorStop()aplicata acestui obiect. Urmatoarele doua coduri arata cum se poat crea si folosi gradient.

1.Exempu cu createLinearGradient(): Folositi un browser compatibil-Canvas ca sa vedeti aceasta zona.

2. Exemplu cu createRadialGradient(): Folositi un browser compatibil-Canvas ca sa vedeti aceasta zona.

Text şi imagini

Folositi un browser compatibil-Canvas ca sa vedeti aceasta zona.

Elementul poate fi si interactiv, sa raspunda la actiunile utilizatorului, efectuate cu mouse-ul sau tastatura. - In urmatorul exemplu se folosesc evenimentele: "onmouseover", "onmouseout", si "onclick" pentru a schimba culoarea unui dreptunghi in . Folositi un browser compatibil-Canvas ca sa vedeti aceasta zona.

http://dev.w3.org/html5/2dcontext/

APLICAŢII OFFLINE
• O aplicaţie web este o listă de URL-uri- HTML,CSS,Javascript, imagini sau orice altă formă de resursă. • Homepage-ul unei aplicaţii offline directionează utilizatorul către această lista (fişier manifest) ceea ce este doar un fişier text de pe server. • Un Browser ce implementează aplicaţii offline HTML5 citeşte această listă, downloadează resursele indicate şi le înmagazinează local actualizându-le doar când este necesar. • la accesarea aplicaţia web fără acces la Internet, browserul web va aduce copiile locale. Există în DOM un flag ce indică starea: online sau offline. – var online = navigator.onLine; • Acest atribut se modifică în timpul evenimentelor online şi offline ce sunt manevrate de obiectul Window. http://www.whatwg.org/specs/web-apps/current-work/multipage/offline.html

MANIFESTUL CACHE
• O aplicaţie web offline este dependentă de fişierul cache manifest. • Manifestul CACHE = lista resurselor de care are nevoie aplicaţia web când este deconectată de la reţea. • Utilizarea fisierului cache manifest ... Fişierul manifest se poate regăsi oriunde pe server dar trebuie servit clientului având Content-Type: text/cache.manifest. • Exemplu Manifest Cache de pe server: CACHE MANIFEST /static/s.html /media/d.png /media/d.png /css/s.css /js/s.js Fişierul manifest are trei secţiuni:
1. CACHE MANIFEST - fişierele listate sub acest header vor fi verificate după ce sunt descărcate pentru prima data 2. NETWORK - fişierele listate sub acest header necesită o conexiune la server şi nu vor fi niciodata cache-uite 3. FALLBACK - fişierele listate sub acest header specifică pagini de rezervă în cazul în care o pagina nu este accesibilă

Stocarea Datelor pe client Atributele noi pentru stocarea datelor sunt similare cu modulele cookie din sesiunile HTTP. Acestea sunt "sessionStorage" şi "localStorage". * SessionStorage este utilizat pentru a salva datele atâta timp cât o fila sau fereastră a browser-ului rămâne deschisă -memorarea datelor in sesiuni(echivalentul lui cookie) - nu persista daca se inchide tab-ul, el nu exista daca se va naviga printr-un alt tab sau fereastra. -nu are nici o limita de lungime cu exceptia RAM. * LocalStorage este utilizat pentru a stoca date pentru o perioadă mai lungă de timp, peste mai multe pagini şi sesiuni de browser (de exemplu, va dura chiar şi atunci când se reporneste browser-ul web şi / sau calculatorul). -memorarea datelor fara limita de timp(datele sunt disponibile o zi, o săptămână, sau ani.) În HTML5, datele nu se transmit pentru fiecare cerere la server, ele sunt trimise doar at cand sunt cerute Caracteristici atât locale şi sesiune de depozitare sunt acceptate în următoarele browsere web: Internet Explorer 8 +, Firefox 3.5 +, Safari 4.0 +, Chrome si Opera 2.0 + 10.5 +.

Atributele care sunt trimise către funcția ce va fi executată la un eveniment pentru Web Storage sunt: 1.storageArea: Care tip de stocare a fost modificat 2. key: Numele variabilei care este modificată 3.oldValue: Valoarea veche a variabilei 4.newValue: Valoarea care este scrisă în variabilă 5. url: Adresa paginii care modifică variabila Apelul funcţiei clear() are ca efect setarea la null a atributelor key, oldValue şi newValue. Exemplu care numără vizualizările per sesiune și numărul total de vizualizări. http://ctrl-d.ro/wp-content/uploads/2012/02/html5_web_storage.html

I. Actiunea de a salva date în Session Storage două variante: 1. sessionStorage.setItem(yourVariable, yourValue); 2. sessionStorage.yourVariable= yourValue; II. Citirea variabilei memorate: var item = sessionStorage.getItem(yourVariable); sau var item = sessionStorage.yourVariable; III. ștergerea unei variabile din Session Storage: var item = sessionStorage.removeItem(yourVariable); Efect salvează valoarea variabilei în ’item’ și o șterge din storage. IV. ştergerea tuturor variabilelor salvate: sessionStorage.clear(); V. determinarea nr de valori salvate în storage, se foloseşte length: var no_of_items = sessionStorage.length;

1. crearea şi accesarea cu localStorage: localStorage.lastname="Popescu"; document.write("Nume: " + localStorage.lastname); Exemplul Counter:

1. crearea şi accesarea cu sessionStorage:

sessionStorage.lastname="POPESCU"; document.write(sessionStorage.lastname);

Workerii web -aparţin HTML5. Decât să depindă de aşteptările dese cauzate de JavaSript şi de alte întârzieri, dezvoltatorii web îşi pot împărţi codul şi încărcarea procesorului în workeri web. => workerii web oferiti de HTML5 fac browser-ul să opereze mai mult ca un sistem de operare. (nu măresc funcţionalităţile sistemului de operare.) Dezavantaj- nu există nici o modalitate de a gestiona încărcarea sau priorităţile. API-ul oferă doar mesaje ce pot fi transmise de la un worker la altul, browser-ul se ocupă de restul. Javascript rulează pe acelasi fir de execuţie cu browserul ceea ce poate face ca acesta din urmă să nu mai poată răspunde la comenzile utilizatorului. „Muncitorii” Web definesc un API ce rulează scripturile în background. ! „muncitorii” trebuie să se afle într-un script extern.

Formulare in html5 -noi caracteristici ce permit un control mai bun al datelor de intrare şi validarea lor.
Input type email url number range Date pickers search color IE No No No No No No No Firefox 4.0 4.0 No No No 4.0 No Opera 9.0 9.0 9.0 9.0 9.0 11.0 11.0 Chrome 10.0 10.0 7.0 4.0 10.0 10.0 12 Safari No No 5.1 4.0 5.1 No No

Tipul de intrare e-mail - este utilizat pentru câmpurile de intrare care ar trebui să conţină o adresă de e-mail. Valoarea din acest câmp este automat validata atunci când formularul este submit. E-mail:

Tipul URL-ul este folosit pentru câmpurile de intrare care ar trebui să conţină o adresă URL. Valoarea din câmpul URL-ul este automat validat atunci când formularul este submit. Homepage:

Tipul de intrare – number Tipul de număr este folosit pentru câmpurile de intrare care ar trebui să conţină o valoare numerică. Se pot seta restricţii asupra a ceea ce numere sunt acceptate: Nr:

Atributele pt number si range
Attribute Max Min Step Value Value number number number number Description Se specifica valoare maxima Se specifica valoare minima Se specifica valoare intervale (daca step="3", nr acceptate pot fi -3,0,3,6, etc) Valoarea implicita

Tipul de intrare: range Tipul range este utilizat pentru câmpurile de intrare care ar trebui să conţină o valoare dintr-un interval de numere. Tipul range este afişat ca o bară de glisor. Se pot seta restricţii legate de numerele care se vor accepta Tipul de intrare: culegatori de date(Date Pickers) -se incadreaza intre

Controale de alegere a datei
HTML5 defineşte o modalitate de a include un control nativ de alegere a datei fără să se scrie un script. -browserul Opera oferă cel mai bun suport.

Cautare…...

Similar Documents

Free Essay

Html

...1. HTML stands for what? Hyper Text Markup Language 2. The end tag is written like the start tag, with a forward slash before the tag name. 3. Start and end tag are also called opening tags and closing tags. 4. "HTML tags" and "elements" are often used to describe the same thing. 5. An HTML element is everything between the start tag and the end tag, including the tags 6. The purpose of a web browser is to read HTML documents and display them as web pages. 7. HTML elements with no content are called empty elements. 8. HTML headings are defined with the <h1> to <h6> tags. 9. HTML paragraphs are defined with the <p> tag. 10. Links are specified in HTML using the <a> tag. 11. The href attribute Specifies the destination of a link. 12. The target attribute Specifies where to open the linked document. 13. HTML images are defined with the <img /> tag. 14. The <hr /> tag creates a horizontal line in an HTML page 15. Which tag defines HTML comments tag? <!-- --> 16. Which tag defines HTML line Breaks? <br /> 17. Which tag defines BOLD text? <b> 18. Which tag defines italic text? <i> 19. Which tag defines an emphasized text? <em> 20. Which tag defines small text? <small> 21. Which tag defines strong text? <strong> 22. Which tag defines subscripted text? <sub> 23. Which tag defines superscripted text? <sup> ...

Words: 606 - Pages: 3

Premium Essay

Html

...underlying transaction processing systems[5] to middle and operational level managers to identify and inform structured and semi-structured decision problems. * Decision Support Systems (DSS) are computer program applications used by middle management to compile information from a wide range of sources to support problem solving and decision making. * Executive Information Systems (EIS) is a reporting tool that provides quick access to summarized reports coming from all company levels and departments such as accounting, human resources and operations. * Marketing Information Systems (MIS) are Management Information Systems designed specifically for managing the marketing aspects of the business. * Office Automation Systems (OAS) support communication and productivity in the enterprise by automating work flow and eliminating bottlenecks. OAS may be implemented at any and all levels of management. * School Information Management Systems (SIMS) cover school administration,and often including teaching and learning materials. * Enterprise Resource Planning (ERP) facilitates the flow of information between all business functions inside the boundaries of the organization and manage the connections to outside stakeholders.[6] DISADVANTAGES 1.highly senstive requires constant monitoring.  2.buddgeting of MIS extremely difficult.  3.Quality of outputs governed by quality of inputs.  4.lack of flexiblity to update itself.  5.effectiveness decreases due to......

Words: 312 - Pages: 2

Free Essay

Html

...with HTML, 3e Prepared by: C. Hueckstaedt, Tutorial 1 XP OBJECTIVES Explore the structure of the World Wide Web  Learn the basic principles of Web documents  Create a HTML document  View an HTML file using a Web browser  Use HTML tags for text, headings, paragraphs, and lists  Insert character tags into an HTML document  2 Creating Web Pages with HTML, 3e Prepared by: C. Hueckstaedt, Tutorial 1 XP OBJECTIVES (CONTINUED): Insert an inline graphic image into a HTML document  Add special characters to an HTML document  Insert horizontal lines into an HTML document  Creating Web Pages with HTML, 3e Prepared by: C. Hueckstaedt, Tutorial 1 3 XP INTRODUCING THE WORLD WIDE WEB  In order for computers to share resources efficiently, they can be linked together in one of the following structured networks: Networks are very useful, their use led to a “network of networks” called the Internet. linked within a local area network (LAN)  linked across a wide area network (WAN)  Creating Web Pages with HTML, 3e Prepared by: C. Hueckstaedt, Tutorial 1  4 THE INTERNET The Internet consists of millions of interconnected computers that enable users to communicate and share information.  Many Internet tools required users to master an array of terms, acronyms, and commands before they could navigate the Internet.  The World Wide Web was developed to make the Internet easier to use and give quick access to......

Words: 2034 - Pages: 9

Premium Essay

Html

...HTML Beginner's Guide htmldog.com This HTML Beginner's Guide assumes that you have no previous knowledge of HTML or CSS. It should be quite easy to follow if you work through each step, which are all brought together at the end, before moving on to the CSS Beginner's Guide. The thing to keep in mind is that HTML and CSS are all about separating the content (HTML) and the presentation (CSS). HTML is nothing more than fancy structured content and the formatting of that content will come later when we tackle CSS. If you have looked at other HTML tutorials, you may find that they mention certain things that HTML Dog does not. This is because many methods are obsolete, non-standard or just plain bad practice. Getting into the frame of mind of doing things the RIGHT way from the start will turn in to much better results in the end. Getting Started Most of the stuff on the web is no different than the stuff on your computer it's just a whole load of files sorted into a whole load of directories. HTML files are nothing more than simple text files, so to start writing in HTML, you need nothing more than a simple text editor. Notepad is a common example (on Windows this is usually found under the Programs > Accessories menu). Type this in to your text editor: This is my first web page Now create a folder called 'html' and save the file as 'myfirstpage.html' (it is important that the extension '.html' be specified - some text editors, such as Notepad, will automatically save it as...

Words: 2252 - Pages: 10

Free Essay

Html

...Web and HTML What is the World Wide Web?          The World Wide Web (WWW) is most often called the Web. The Web is a network of computers all over the world. All the computers in the Web can communicate with each other. All the computers use a communication standard called HTTP. Web information is stored in documents called Web pages. Web pages are files stored on computers called Web servers. Computers reading the Web pages are called Web clients. Web clients view the pages with a program called a Web browser. Popular browsers are Internet Explorer and Netscape Navigator. How does the WWW work? How does the browser fetch the pages?    A browser fetches a Web page from a server by a request. A request is a standard HTTP request containing a page address. A page address looks like this: http://www.someone.com/page.htm. How does the browser display the pages?     All Web pages contain instructions for display The browser displays the page by reading these instructions. The most common display instructions are called HTML tags. HTML tags look like this

This is a Paragraph

. Who is making the Web standards?       Netscape or Microsoft does not make up the Web standards. The rule-making body of the Web is the W3C. W3C stands for the World Wide Web Consortium. W3C puts together specifications for Web standards. The most essential Web standards are HTML, CSS and XML. The latest HTML standard is XHTML 1.0. Introduction to HTML What is an HTML File? ...

Words: 4294 - Pages: 18

Free Essay

Html

...HTML +,,,/*/'( . >? 2 @A B 0 C2D E-FGH I J . K LM N LM OPN B 3Q1 R L ? HyperText Markup Language .CS mubarmej : -34 5 6 HTML -. /0 12 T -U >V W-Q X C2 E-FGH B [ 3 \D.dM e -] J 3h-d e f? CZ B -4 html. 0 P/ B(Plain Text) [ \D.] E-GM DH HTML E-GM C Z .HTML E-FGH @ Q 3 OPN I J BSimpleText g K h oD dS- Bpico g K h mZd M BNotepad g K h i d2D >V |]? >w BE-FG. -2? uFG. B-Q d}w ? Netscape Navigator ? Explorer Internet >w B-A - S Q tG. Mh @Z1 2„ I [ 2 DA • >? - E-FG. S S I J A€ -A]? DJD qS? >DZ2 E-FG. Br] ]s tG. |M |]? I • | FGH d2-Q g K DN u 6 v- F h fP • gD >? @~G2 P /V w M K E-FG. FG. d2-Q 5 6 v- F h B-~2? tG. | M4 >… | P DN uM~G2 fP tG. FG. OPN 5M4 IM[ /‚ 5 6 ƒD] DA • .>-S R h fP h | FGH Internet tG. tG. E-FG. g 2 B- ]-} E- d /V -A 4 B† ? CSS Q LM E-FG. 5 6 v- F Q 4 LM 4 N | -FGH /V B . Q F -S |AJ D Q ‡ LM A€ MZ1 Explorer 4 2 † DA A B-dQ‡D Netscape Navigator tG. @€2 W D w @S - ? B-N Ž XML B KH S U HTML 4.0 @q C2D E- d -] LM -Q‰ - 4 Microsoft J @Z1 -3Q .u -FG. Sindbad e -] h- ‡ tG. S Explorer 5.0 Internet tG. 4 -Q J •-3hw OPA B Navigator Netscape I‰ @Z1 4 KH S U rG‡D ‡ (‘“' N Sindbad e -] H6 /‚ (‘’+ H0 N Netscape Navigator tG. /w GH ZG : ‡ ] V H6 /‚ Navigator C2 Q -A 4? † •-3hw -N B 46 2 • . qS u d G] – -Q E-FG. I J B 2D‡ 1 @ 4 HTML L 2 ER B Q -4 E ‡ E” J MAh L HTML L .. PN @S Q BHTML L g K h2 [ r]-S - A |P -~2? I [ .—3~ - O 2 MAh 4 D‡ E ” -A] -~2? HTML R - 5M4 -3 -Ž @.F |]? • h -A HTML E-GM >DZ • .| FGH .˜ d ™ šD F .......

Words: 7938 - Pages: 32

Free Essay

Html

...She Looks so Perfect Lyrics - 5 Seconds of Summer body {background-image: url(SLSP.jpg) ; background-position: top left; background-repeat: repeat-y; background-color: violet; color: black ; font-family: Verdana; font-size: 15; text-align: center;} .lyrics { position: relative; padding-left: 20px; width: 480px; min-height: 1100px padding-bottom: 20px background: white; box-shadow: 0 5px 5px rgba(0,0,0,0.15) z-index: 1; zoom: 1; } She Looks so Perfect Hey, hey, hey, hey Hey, hey, hey Hey, hey, hey, hey Hey, hey, hey Simmer down, simmer down They say we're too young now to amount to anything else But look around We worked too damn hard for this just to give it up now If you don't swim, you'll drown But don't move, honey You look so perfect standing there In my American Apparel underwear And I know now, that I'm so down Your lipstick stain is a work of art I got your name tattooed in an arrow heart And I know now, that I'm so down Hey! Hey, hey, hey, hey Hey, hey, hey Hey! Hey, hey, hey, hey Hey, hey, hey Let's get out, let's get out 'Cause this deadbeat town's only here just to keep us down While I was out, I found myself alone just thinking If I showed up with a plane ticket And a shiny diamond ring with your name on it Would you wanna run away too? 'Cause all I really want is you You look so perfect standing there In my American Apparel underwear And I know now, that I'm so down I made a mix-tape straight out of '94 I've......

Words: 376 - Pages: 2

Free Essay

Html

...Advantages: * HTML is a free Language conceived by user for users * A HTML page could be read by any brand computers and provide the same result * Its distributed structure permits to exchange an element without change anything on the page where it is. This same element can be used many times without having to re designed it many times. * Network link: We can integrate local elements into a personal web page or to remote surfers and elements which we integrates address (URL). * Hypertext permits to manage different information without have to store them locally Advantages Easy to use Loose syntax (although, being too flexible will not comply with standards) Supported on almost every browser, if not all browsers. Widely used; established on almost every website, if not all websites. Very similar to XML syntax, which is increasingly used for data storage Free - You need not buy any software Easy to learn & code even for novice programmers Disadvantages * It cannot produce dynamic output alone, since it is a static language * Sometimes, the structuring of HTML documents is hard to grasp * You have to keep up with deprecated tags, and make sure not to use them * Deprecated tags appear because another language that works with HTML has replaced the original work of the tag; thus the other language needs to be learned (most of the time, it is CSS) * Security features offered by HTML are limited Disadvantages: ...

Words: 1032 - Pages: 5

Free Essay

Arcgis Viewer for Flex and Silverlight vs. Using Html 5 for Arcgis

...ArcGIS viewer for Flex vs. Silverlight vs. Using HTML 5 for ArcGIS Both ArcGIS viewer for Flex and Silverlight are both applications that make it possible for users to create their own web GIS applications and make them available for intranet and Internet use by using a web serve. The viewer for flex is produced by Adobe and has been around longer than the viewer for Silverlight which is produced by Microsoft; thus, there may be more valuable resource available for flex viewer than for Silverlight viewer (widgets for flex viewer, add-ins for Silverlight). Flex web applications can be developed by using any IDE that supports adobe flex (i.e., Eclipse and Adobe Flash Builder). Silverlight applications can be developed with any .NET programming language (C#, etc.); or software can be used in the form of Microsoft Visual Studio. Developing a Flex viewer widget, however, appears to be much easier than developing an add-in for Silverlight viewer. To develop a Flex widget, you use ArcGIS API for Flex (using the same framework for extending the viewer and developing your own applications from scratch). With the Silverlight viewer, you need to use a separate application, ArcGIS Extensibility SDK for Silverlight, which looks a bit more complex to me compared to ArcGIS API for Silverlight because it follows the Model View ViewModel (MVVM) pattern. With the Silverlight viewer, appears to let end users modify symbology of layers in the created web applications without modifying the......

Words: 486 - Pages: 2

Free Essay

Html

...HTML About the tutorial Tutorial HTML Tutorial Simply Easy Learning 2 HTML Tutorial About the tutorial HTML Tutorial HTML stands for Hyper Text Markup Language, which is the most widely used language on Web to develop web pages. HTML was created by Berners-Lee in late 1991 but "HTML 2.0" was the first standard HTML specification which was published in 1995. HTML 4.01 was a major version of HTML and it was published in late 1999. Though HTML 4.01 version is widely used but currently we are having HTML-5 version which is an extension to HTML 4.01, and this version was published in 2012. Audience This tutorial is designed for the aspiring Web Designers and Developers with a need to understand the HTML in enough detail along with its simple overview, and practical examples. This tutorial will give you enough ingredients to start with HTML from where you can take yourself at higher level of expertise. Prerequisites Before proceeding with this tutorial you should have a basic working knowledge with Windows or Linux operating system, additionally you must be familiar with:      Experience with any text editor like notepad, notepad++, or Editplus etc. How to create directories and files on your computer. How to navigate through different directories. How to type content in a file and save them on a computer. Understanding about images in different formats like JPEG, PNG format. Copyright & Disclaimer Notice All the......

Words: 5524 - Pages: 23

Free Essay

Html

... HTML & CSS Design and Build Websites Jon Duckett John Wiley & Sons, Inc. HTML & CSS Design and build Websites Published by John Wiley & Sons, Inc. 10475 Crosspoint Boulevard Indianapolis, IN 46256 www.wiley.com ©2011 by John Wiley & Sons, Inc., Indianapolis, Indiana ISBN: 978-1-118-00818-8 Manufactured in the United States of America Published simultaneously in Canada 10 9 8 7 6 5 4 3 2 1 No part of this publication may be reproduced, stored in a retrieval system or transmitted in any form or by any means, electronic, mechanical, photocopying, recording, scanning or otherwise, except as permitted under Sections 107 or 108 of the 1976 United States Copyright Act, without either the prior written permission of the Publisher, or authorization through payment of the appropriate per-copy fee to the Copyright Clearance Center, 222 Rosewood Drive, Danvers, MA 01923, (978) 750-8400, fax (978) 646-8600. Requests to the Publisher for permission should be addressed to the Permissions Department, John Wiley & Sons, Inc., 111 River Street, Hoboken, NJ 07030, (201) 7486011, fax (201) 748-6008, or online at http://www.wiley.com/go/permissions. Limit of Liability/Disclaimer of Warranty: The publisher and the author make no representations or warranties with respect to the accuracy or completeness of the contents of this work and specifically disclaim all warranties, including without limitation warranties of fitness for a particular purpose. No warranty may be created or extended by...

Words: 83244 - Pages: 333

Premium Essay

Html

...The Missing Link: An Introduction to Web Development and Programming The Missing Link An Introduction to Web Development and Programming Michael Mendez SUNY Fredonia i The Missing Link An Introduction to Web Development and Programming by Michael Mendez Open SUNY Textbooks 2014 ©2014 Michael Mendez ISBN: 978-0-9897226-5-0 This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License. Published by Open SUNY Textbooks, Milne Library (IITG PI) State University of New York at Geneseo, Geneseo, NY 14454 Cover design by William Jones Licensing This text is published by the Open SUNY Textbooks project under the Creative Commons 3.0 license format (see full length legal text at http://creativecommons.org/licenses/ by-sa/3.0/): You are free: 1. To share — to copy, distribute and transmit the work 2. To remix — to adapt the work 3. To make commercial use of the work Under the following conditions: 1. Attribution: You must attribute the work in the manner specified by the author or licensor (but not in any way that suggests that they endorse you or your use of the work). 2. Share Alike: If you alter, transform, or build upon this work, you may distribute the resulting work only under the same or similar license to this one. With the understanding that: 1. Waiver: Any of the above conditions can be waived if you get permission from the copyright holder. 2. Public......

Words: 78185 - Pages: 313

Free Essay

Html 5 Security

...HTML5 Security Cheat Sheet Brought to you by OWASP Author or Company YOUR LOGO HTML5 Security Cheat Sheet Brought to you by OWASP Cheat Sheets The following cheat sheet serves as a guide for implementing HTML 5 in a secure fashion. Communication APIs Web Messaging Web Messaging (also known as Cross Domain Messaging) provides a means of messaging between documents from different origins in a way that is generally safer than the multiple hacks used in the past to accomplish this task. However, there are still some recommendations to keep in mind:        When posting a message, explicitly state the expected origin as the second argument to postMessage rather than * in order to prevent sending the message to an unknown origin after a redirect or some other means of the target window's origin changing. The receiving page should always: o Check the origin attribute of the sender to verify the data is originating from the expected location. o Perform input validation on the data attribute of the event to ensure that it's in the desired format. Don't assume you have control over the data attribute. A single Cross Site Scripting flaw in the sending page allows an attacker to send messages of any given format. Both pages should only interpret the exchanged messages as data. Never evaluate passed messages as code (e.g. via eval()) or insert it to a page DOM (e.g. via innerHTML), as that would create a DOM-based XSS......

Words: 2088 - Pages: 9

Free Essay

Html

...Introduction to HTML What is an HTML File? • HTML stands for Hyper Text Markup Language • An HTML file is a text file containing small markup tags • The markup tags tell the Web browser how to display the page • An HTML file must have an htm or html file extension • An HTML file can be created using a simple text editor [pic] Do You Want to Try It? If you are running Windows, start Notepad. If you are on a Mac, start SimpleText. In OSX start TextEdit and change the following preferences: Open the "Format" menu and select "Plain text" instead of "Rich text". Then open the "Preferences" window under the "Text Edit" menu and select "Ignore rich text commands in HTML files". Your HTML code will probably not work if you do not change the preferences above! Type in the following text: | | | | |Title of page | | | | | |This is my first homepage. This text is bold...

Words: 2381 - Pages: 10

Free Essay

Html

...How To Create Your First Web Page This HTML Tutorial is about how to create your first Web page by coding HTML using a text editor (such as NotePad) and then viewing the document using your Web browser.To begin a Web page you will open a simple text editor like Windows NotePad for the Windows operating system or SimpleText for the Macintosh. Once you have this simple text editor open to a new blank document you will begin your web document by typing a few items I shall discuss in a moment. When you reach the closing part of this file I will ask you to save it to a floppy disk with a filename of firstpage.html. This is discussed below, in the section titled Saving the File. The method of opening the file using your Web browser is discussed in the section titled Open and View the File. Let's begin. The first thing you are to type in the text editor work area is a left angle bracket, < the letters HTML, and the right angle bracket, >. The symbols and letters should look like this: <HTML><HTML> is the opening for any HTML Web Page. HTML stands for HyperText Markup Language. By having coded the <HTML> the browser will know which language it is to handle. What is HTML?  is an article containing additional information about HTML. A lot of information of your own preference is placed into a coded document. The term document refers to what is being coded and typed in the text editor. The term page refers to what the browser displays for the viewer or what......

Words: 5471 - Pages: 22

saison 9, épisode 2 - Enfance volée | NCIS Los Angeles S10E13 720p HDTV x264-AVS[eztv] mkv | HD 720P 2018 5,6 Break My Heart 1000 Times