HTML CSS JavaScript

HTML CSS JavaScript

web

Screen Shot 2013-12-30 at 2.01.30 AM

HTML

<!doctype html> <html> <head> <body>

<meta name=”description” content=”a “> : good for SE
<div> : sectioning tag. dividing contents up into sections.
<class> :
<id > : only once in a page. use this id to find this section.
<prep> :pre-formatted text
<h1>:heading1-6.

<!–
invisible
–>

<div> dividing
<p> paragraph
<br> line breaker

LIST Syntax. ul, ol, dl.
1unordered – ul
2ordered – lo
3definition – dl (dt, dd)
<ol start=”3″>  ordered list. CSS can remove the numbers.
<ul>  not ordered list
<li>  list
<dl>  definition list
<dt>
<dd>

TEXT
<b>
<strong>
<em> ; emphasize

SPECIAL CHARACTER
& ;
&amp;  – &
&lang; -left <
& copy; – copyright logo
& trade; -trade mark logo

WHITE SPACE
<pre>  </pre>  -as we type
&nbsp;   -non breaking space

IMAGE
<img src=” ” width= ” ” height=” ”  alt=””> – no closing tag

LINK
<a></a> – anchor tag
<a href=”work/q.html ” title=”a” target=”_blank ” >
<a href=”http://www.cca.edu&#8221; >

PAGE REGION. FRAGMENT IDENTIFIER
<h2 id=” vision”>vision</h2>
<a href=”#vision”>vision</a>  -same page. #id.
<a href=”work/bmw/bmw.html#sponsors”>sponsors</a> -different page. pin right after w/o space with id name

TABLE
<table></table>
<tr>
<th scope=”col”>tag</th>
<th scope=”col”>name</th>
<th scope=”col”>description</th>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td colspan=”3″>
</tr>

<tr>
<td>
<th> table header
col
row

HTML4 but good to know.
<table border=”1″>
<table border=”1″ cellpadding=”0″ cellspacing=”0″> –  0 으로 해놓고 나머지는 css 로 변경. 디폴트가 0 이 아닌 경우가 많거든.

table data accessible.

………………………………………………………………………………………………
CSS –  simple syntax. just three.
1 selector {2 property :3 values;}

<style>
h2{
color:pink;
font-weight:normal;
}
</style>

<link href=”style.css” rel=”stylesheet”>
a{
color: red;
}
a:hover{
color:black;}

………………………………………………………………………………..
JavaScript

javaScriptScreen Shot 2014-01-02 at 8.46.34 PM

Comments

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s