Html for translators
5 likes2,203 views
The document provides an introduction and brief history of HTML and the Internet, describing how HTML evolved from earlier technologies and became the standard language for building web pages. It explains the basic structure and tags of an HTML document, including tags for text formatting, headings, lists, images, tables and hyperlinks. Examples are given of simple HTML code for structuring a basic web page with a title, paragraphs of text and other common elements.
![Thank you for your attention! Links can be found here: http://delicious.com/andrea.spila/proz-webinar I can be found here: [email_address]](https://image.slidesharecdn.com/htmlproz-100618092945-phpapp01/85/Html-for-translators-25-320.jpg)
Html for translators
- 1. HTML for TRANSLATORS by Andrea Spila <HTML> <HEAD> <b> </b> <i> <u>
- 2. Agenda A brief history of Internet and the web Introduction to HTML My first HTML page Code analysis
- 3. A brief history of Internet and the web PREHISTORY 1836 Telegraph (Cooke & Wheatstone) 1858-1866 First transatlantic cable 1876 Telephone (Bell /Meucci) THE BIRTH OF THE NET 1957 Sputnik is launched 1958 ARPA ( Advanced Research Project Agency ) 1962-68 Packet switching 1969 Birth of the Internet (ARPANET)
- 4. THE NET AS A MEANS OF COMMUNICATION 1971 E-mail is born 1973 FTP (File Transfer Protocol) 1974 TCP/IP COMPUTERS BECOME PERSONAL 1976 The first Apple is born 1981 The first IBM PC is born 1984 Apple Macintosh is born A brief history of Internet and the web
- 5. BIRTH OF THE WEB 1989 The Web is born 1991 First version of the WWW (CERN) 1993 Mosaic (first HTML browser) THE WEB REVOLUTION 1994 Commercial use of the web 1995 100.000 websites 1996 500.000 websites 1997 1.000.000 websites 2009 231,5 million websites A brief history of Internet and the web Tim Berners-Lee
- 6. What is HTML? An acronym of HyperText Markup Language IT IS NOT a programming language (such as C, Pascal, Java) nor a scripting language (such as PHP, ASP, PERL) IT IS a markup language that indicates how content elements should be presented on a page Indications are supplied by means of markers called TAGS
- 7. A metaphor The web page HTML
- 8. Another metaphor The web page HTML
- 9. Features of HTML Platform independent (may be read on any computer) Text format (may be written in any text editor) Simple (you only need a few basic tags to compose an HTML page)
- 10. HTML tags Structure <TAG attributes> content </TAG> or <TAG attributes> (stand-alone tag) Nesting <TAG1 attributes> content 1 <TAG2> content 2 </TAG2> </TAG1>
- 11. Basic tags <HTML> </HTML> indicates the type of document <HEAD> </HEAD> information on the document <TITLE> </TITLE> title of the document (in the HEAD) <BODY> </BODY> page content (viewable in the browser)
- 12. My first HTML page <HTML> <HEAD> <TITLE> Page title </TITLE> </HEAD> <BODY> Page content </BODY> </HTML>
- 13. Nesting: chinese boxes... <HTML> <HEAD> <TITLE> Page title </TITLE> </HEAD> <BODY> Page content </BODY> </HTML>
- 14. ...or matryoshka dolls <HTML> <HEAD> <TITLE> Page title </TITLE> </HEAD> <BODY> Page content </BODY> </HTML>
- 15. My first HTML page
- 16. Meta tags <meta name="keywords" content="keyword1, keyword2, keyword3,…" /> <meta name="description" content="description of page content" />
- 17. Formatting tags Style <b> </b> bold (also <strong>) <i> </i> italic (also <em>) <tt> </tt> teletype <u> </u> underlined <strike> </strike> strike-out
- 18. Formatting tags (2) Headings <Hn align=left|right|center|justify> ...</Hn> H1 H2 H3
- 19. Paragraphs New paragraph <p>...</p> <p align=left|right|center|justify> Containers <div>...</div> <span>...</span> Line break <br> (stand-alone tag)
- 20. Lists Two types of lists: <ol>...</ol> (ordered lists) Or <ul>...</ul> (unordered lists) List items are then listed i nside these tags: <li>element</li>
- 21. Images <IMG SRC=“terra.gif” ALT=“Earth seen from the satellite” WIDTH=90 HEIGHT=90 BORDER=0>
- 22. Tables <table border="1"> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> </table>
- 23. Last (but not least): hypertext links Link to another document/resource <A HREF=“URL” TITLE=“List of jobs”>link description</A> Link to an element within the same document <A HREF=“#name”>link description</A> <A name=“name">Destination</A>
- 25. Thank you for your attention! Links can be found here: http://delicious.com/andrea.spila/proz-webinar I can be found here: [email_address]
Editor's Notes
- #2: Ringraziamento AITI Ricordare precedente intervento Catania
- #4: Breve elenco delle principali date Dai militari al commercio passando per la scienza Guerra Fredda: ARPA (ricerche tecnologiche militari) Commutazione di pacchetto: ArpaNet – pacchetti in giro per la rete Protocollo TCP-IP (2 protocolli) - internetworking Tim Berners-Lee e il Web al CERN Futuro: per la rete Internet sempre più la connessione wireless e su dispositivi diversi (collegamento costante) con integrazione con altre tecnologie (cellulari, UMTS) Per il Web la nascita del Web semantico (Tim B-L e il world wide web consortium www.w3.org)
- #5: Breve elenco delle principali date Dai militari al commercio passando per la scienza Guerra Fredda: ARPA (ricerche tecnologiche militari) Commutazione di pacchetto: ArpaNet – pacchetti in giro per la rete Protocollo TCP-IP (2 protocolli) - internetworking Tim Berners-Lee e il Web al CERN Futuro: per la rete Internet sempre più la connessione wireless e su dispositivi diversi (collegamento costante) con integrazione con altre tecnologie (cellulari, UMTS) Per il Web la nascita del Web semantico (Tim B-L e il world wide web consortium www.w3.org)
- #6: Breve elenco delle principali date Dai militari al commercio passando per la scienza Guerra Fredda: ARPA (ricerche tecnologiche militari) Commutazione di pacchetto: ArpaNet – pacchetti in giro per la rete Protocollo TCP-IP (2 protocolli) - internetworking Tim Berners-Lee e il Web al CERN Futuro: per la rete Internet sempre più la connessione wireless e su dispositivi diversi (collegamento costante) con integrazione con altre tecnologie (cellulari, UMTS) Per il Web la nascita del Web semantico (Tim B-L e il world wide web consortium www.w3.org)