HTML_ CSS_ JavaScript_ Huh by lanyuehua

VIEWS: 1 PAGES: 13

									Michael Howell
Web browsers render a document, similar to a
Microsoft Word document or the text field of
Adobe InDesign, enhanced with embedded
image placement, and styles that are loaded
separately so they can be reused for multiple
documents.
   attribute type   attribute contents      it ends like that

<p class=”uninportant” id=”rights”>(C) Michael</p>
 element type          multiple attributes contents, which
element begins here    are separated by    may include other
                       spaces              elements
                                                 Note that <head> isn’t
                                                 actually a header (that’s
                                                 <h1>); it’s invisible info
                                                 about the page.
<html><head><title>Web page title</title>
<link rel=”stylesheet” href=”http://url/to/css/stylesheet”>
</head><body>
<h1>Head</h1>
<h2>Subhead</h2>                            There are three types:
<h3>Sub-subhead</h3>                        - metadata (in <head>)
<p>Paragraph <em>emphasized</em> - block (“Paragraph style”)
</p></body>                                 - inline (“Character style”)
</html>
If you’ve used InDesign stylesheets, you
understand CSS, more or less. CSS allows you
to style HTML elements, control positioning,
force a normally inline element to be block, and
more. This allows you to decide how HTML is
supposed to look, while the HTML is just info.
 begin attribute type                      it ends like that

p { color: black; font-family: sans-serif; margin: 1em; }
element type attribute contents       multiple attributes
                                      are separated by
                                      semicolons
Web browsers download a small program with
permissions limited to performing calculations,
communicating with the server, and changing
the web page it’s embedded in. JavaScript.

Unfortunately, more in-depth means comp sci.
                                     CSS
HTML
<link rel=”stylesheet” href=”...”>
<script src=”...”></script>


                               JavaScript
For more information:
- http://www.w3.org/standards/webdesign/
- http://www.w3schools.com/
- http://www.webpagesthatsuck.com/

								
To top