HTML + CSS
•Descargar como PPT, PDF•
2 recomendaciones•1,192 vistas
Course: Media Production Lecture: Web Production nr 2 Date 2009 Nov 19
![HTML and CSS JORGE ZAPICO KTH / Media Technology [email_address] MEDIA PRODUCTION 2009/Nov/19](https://image.slidesharecdn.com/09-11-19mediaproduction2-091119040533-phpapp01/85/HTML-CSS-1-320.jpg)
Recomendados
Más contenido relacionado
La actualidad más candente
La actualidad más candente (20)
Destacado
Destacado (14)
Similar a HTML + CSS
Similar a HTML + CSS (20)
Último
Último (20)
HTML + CSS
- 1. HTML and CSS JORGE ZAPICO KTH / Media Technology [email_address] MEDIA PRODUCTION 2009/Nov/19
- 2. HTML HyperText Markup Language
- 3. hypertext A multi media text with branching references (links) to other documents, that can be read in a non-linear way
- 4. A markup language* to create structured documents with structured semantics . * A system for annotating a text in a way which is syntactically distinguishable from that text
- 6. <html> <head> <title>UC Berkeley Campus Information</title> </head> <body> <img align=top src="/icons/access.gif" alt="*"> <h2>Campus Information:</h2> <li><a href ="http://www.chance.berkeley.edu/planning/calendar.html">Academic Calendar</a> <li><a href ="http://www.urel.berkeley.edu/ucadmin.html">Administration</a> <li><a href ="http://haas.berkeley.edu/bpledge/">Berkeley Pledge</a> <li><a href ="http://amber.berkeley.edu:4207/RSF/">Cal Bears Athletics & Recreational Sports</a> <image align=top src="/icons/new.gif" alt="**new**"> <li><a href ="http://www.alumni.berkeley.edu/">California Alumni Association</a> </ul> <hr> <a href="/docs/copyright/">© 1995 UC Regents</a>. <i> Updated 10/22/96, <a href="/faq/">www@www.berkeley.edu</a>. </i> </body>
- 7. HTML is based on SGML XHTML extends HTML and is based on XML <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN”> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- 10. <title>
- 11. Text elements <h1> <h2> <h3> <p>
- 12. Formatting elements <b> <i> <sub> <big>
- 13. Links <a> href target
- 14. Images <img> src alt height / width
- 15. Special characters " “ & & ñ ñ ö ö
- 16. Tables <table border="1"> <tr> <td></td> <td>/td> </tr> </table>
- 17. Lists <ul> <ol> <li>
- 18. Divisions <div> id class
- 22. We need style! CSS Cascading Style Sheets
- 24. Separation of content from presentation!
- 25. Structure element{ attribute:value; attribute:value; }
- 26. Linking with the HTML <link rel="stylesheet" type="text/css" href=”file.css" />
- 27. Background background-image: url(“”) background-color: #xxxxxx background-repeat: repeat-x
- 28. Background background-image: url(“”) background-color: #xxxxxx background-repeat: repeat-x
- 29. How to connect with HTML? #id .class element .class
- 30. The Box Model margin border padding
- 32. The Box Model width height position (fixed, absolute,relative) top, bottom, right, left Z-index
- 33. Text Text-align (center, right, left) Text-decoration(overline, underline) Text-transform (uppercase, lowercase, capitalize) Color
- 34. Text Font-family Font-style (italic) Font-size Font-weight (bold)
- 37. Yay! Now you are HTML+CSS experts! Next day we will make our Twitter dynamic.
- 38. Contact at: Jorge Zapico [email_address] @zapico jorgezapico.com Presentation at http://slideshare.net/jorgezapico
Notas del editor
- That’s me.
- He created all the tools by 1990 for a working web
- This is how websites looked liked at the beginning. Pure HTML..
- This was what it looked like. HTML, looking the same as it does now.
- Standard Generalized Markup Language (ISO 8879:1986 SGML) Extensible Markup Language
- The elements inside the head element should not be displayed by a browser. According to the HTML standard, only a few tags are legal inside the head section. These are: <base>, <link>, <meta>, <title>, <style>, and <script>.
- The elements inside the head element should not be displayed by a browser. According to the HTML standard, only a few tags are legal inside the head section. These are: <base>, <link>, <meta>, <title>, <style>, and <script>.
- Cascading Style Sheets (CSS) is a style sheet language used to describe the presentation semantics (that is, the look and formatting) of a document written in a markup language. Its most common application is to style web pages written in HTML and XHTML, but the language can be applied to any kind of XML document, including SVG and XUL. CSS is designed primarily to enable the separation of document content (written in HTML or a similar markup language) from document presentation, including elements such as the layout, colors, and fonts. This separation can improve content accessibility, provide more flexibility and control in the specification of presentation characteristics, enable multiple pages to share formatting, and reduce complexity and repetition in the structural content (such as by allowing for tableless web design). CSS can also allow the same markup page to be presented in different styles for different rendering methods, such as on-screen, in print, by voice (when read out by a speech-based browser or screen reader) and on Braille-based, tactile devices. While the author of a document typically links that document to a CSS style sheet, readers can use a different style sheet, perhaps one on their own computer, to override the one the author has specified. CSS specifies a priority scheme to determine which style rules apply if more than one rule matches against a particular element. In this so-called cascade, priorities or weights are calculated and assigned to rules, so that the results are predictable. The CSS specifications are maintained by the World Wide Web Consortium (W3C). Internet media type (MIME type) text/css is registered for use with CSS by RFC 2318 (March 1998).