WWW=the web
HTTP: HyperText Transfer Protocol
*HTTP Request:Methods
-GET: 속도빠름, secure X ,size limit O
ex) 보기만할때(검색), 서버에 변화 안줄때
-POST:속도느림, secure O, No size limit
ex) 로그인 PW칠때
*HTML(HyperText Markup Language)
*URL(Uniform Resource Locator)
*Static web page=>단순 정보전달
*Dynaic web page=>Trend반영, Input 가능 ex)Naver
-교수님께서 강조하신 부분: Internet, www, The web, HTTP 용어 다 뭔지 알기

-Main HTML Elements(=Tag)
-Meta Element(헤드 안에 씀)=효과는 X
-문단태그(enter 효과) :< p > ... < / p > -스페이스바 태그: & nbsp;(스페이스바 한번만 적용되기 때문)
-주석:
-줄바꿈:< br>(닫는태그X)
-수평선: < hr> -List tags (Unordered)
*< ul>...=>Item tag: < li>...
-List tags(Ordered)
*< ol>...=>Item tag:< li>...
-List Tags-Definition
*< dl>...
*Term tag:< dt>...
*Definition tag:< dd>...

-Table: < table>...
-Rows(행):< tr>...< /tr>
-Data in a row:< td>...
-Table Attributes (셀여백)
*border
*Cell padding
*Cell spacing(셀 두께)
-Cell Merge Attributes
*rowspan attribute(행 합침)
*colspan attribute(가로 합침)

-black quotation(인용): < blockquote>...
-문자 그대로 찍어줌:< pre>...< /pre>
-Hyperlink tags
*Anchor tag:< a>...
=>Attribute href(_blank사용시 새창에서 열림)
-Image tag: < img>
-Attributes
*src, alt(파일 없어지는 경우 대비), height,width

-Input tag
*Attributes: type, name, size, maxlength, value
-Text field: < input type="text" name=""..>
-Password field: < input type="password" name=""...>
-Multi-line text field: < textarea>...< /textarea>
-Buttons for Choices
*Check box(on/off button)
*Radio button(alternative button):여러옵션 중 1개

*CSS*: how to display the HTML elements(디자인 요소)
-CSS syntax: selector, Declaration
ex) style type="text/css" >
p { color: red; font-style: italic; } < / style>
-주석: /*...*/
-Text alignment: left, center, right, justify(양쪽정렬)
-Text decoration: none, underline, overline
-ID Selector (같은 ID 1개만 설정)
*#으로 접근
-Class Selector(그룹 묶음)
* .으로 접근

-< span>..: 문장의 일부분에만 효과줌
-< div>...< /div>: defines a division/section
-상위->하위에 영향미침
-밑에서 색 다시 지정시 가장 최근(밑)의 지시를 따름
-text-align: left, right, center, justified
-text-decoration: underline, overline, line-through
-text-transform: capitalize, uppercase,lowercase
-font property
*font-style(대부분 Italic정도만 사용), font-variant(ex_small-caps), font-weight (ex_bold), font-size, font-family(글씨체)
-한번에 쓰려면 5개중 필요한것만 쓰면됨(but, font-size, font-family 반드시 순서대로 써야함)
-box model
*margin area(여백), border area(선 안 여백, 테두리여백),padding area, border(테두리)
-property 지정시 top, right, bottom, left 순서대로 지정

-float property) values: none, left, right
-CSS display
*Block elements(한 라인 통째로 차지, 수직으로 밖에 못씀)
ex)< h1>, < p>, < tr>, < li>, < div>
*Inline elements(계속 옆으로도 쓸 수 있음)
ex)< b>,< em>,< a>, < span>
-Display property: inline, block, inline-block(수평배치O, 블록효과도O), none=>임의로 설정가능