1 / 19

HTML & CSS

Basic of Basic. HTML & CSS. SPARCS 11 SunGuard. WHAT ? WHY ? HOW ?. Date 2011. 11. 16. Let’s Do It !. The Concept of the CSS. CSS ( C ascading S tyle S heets). HTML & CSS. CSS format file. Let’s Do It !. The Concept of the CSS. CSS ( C ascading S tyle S heets). HTML & CSS.

harlan
Download Presentation

HTML & CSS

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Basic of Basic HTML & CSS SPARCS 11 SunGuard WHAT ? WHY ? HOW ? Date 2011. 11. 16.

  2. Let’s Do It ! The Concept of the CSS CSS (Cascading Style Sheets) HTML & CSS CSS format file

  3. Let’s Do It ! The Concept of the CSS CSS (Cascading Style Sheets) HTML & CSS YEAR DONATED THING Components ? DONATOR’s NAME 구성 요소 DONATED DATE

  4. Let’s Do It ! The Concept of the CSS CSS (Cascading Style Sheets) HTML & CSS 구성 요소를 파악하였으니, 이제 어떤 구조를 세울지 고민해봅시다. YEAR DONATED THING DONATED THING DONATOR’s NAME DONATOR’s NAME DONATED DATE DONATED DATE

  5. Let’s Do It ! The Concept of the CSS CSS (Cascading Style Sheets) HTML & CSS Definition List ? YEAR DONATED THING DONATED THING Ordered List ? DONATOR’s NAME DONATOR’s NAME Unordered List ? DONATED DATE DONATED DATE 많은 표현 방법이 있는데... 뭐가 좋을까요?

  6. Let’s Do It ! The Concept of the CSS CSS (Cascading Style Sheets) HTML & CSS Definition List ? 의미 있는HTML 코드 ! 제가 생각하는 의미 Ordered List ? 년도(2011)에 따라, 각 기부 물품(Galaxy, Windows CD) 그리고 각 기부자(Samsung, MS)와 함께 각 기부 날짜(12/09, 11/11)를 정렬하여 보여준다. Unordered List ?

  7. Let’s Do It ! The Concept of the CSS CSS (Cascading Style Sheets) HTML & CSS Definition List 년도(2011) ├ │ │ │ 기부 물품(Galaxy) └ 기부자(Samsung) └ 기부 날짜(12/09) └ 기부 물품(Windows CD) └ 기부자(Microsoft) └ 기부 날짜(11/11)

  8. Let’s Do It ! The Concept of the CSS CSS (Cascading Style Sheets) HTML & CSS <dt>2011</dt> <dd> <dl> <dt>Galaxy</dt> <dd>Samsung</dd> <dd>12/09</dd> <dt>Windows CD</dt> <dd>Microsoft</dd> <dd>11/11</dd> </dl> </dd> 년도(2011) ├ │ │ │ 기부 물품(Galaxy) └ 기부자(Samsung) └ 기부 날짜(12/09) └ 기부 물품(Windows CD) └ 기부자(Microsoft) └ 기부 날짜(11/11)

  9. Let’s Do It ! The Concept of the CSS CSS (Cascading Style Sheets) HTML & CSS 이제 이렇게 HTML을 짜볼까요? cp /home/sunguard/seminar.tar.gz /home/my_id/public_html/.

  10. Let’s Do It ! The Concept of the CSS CSS (Cascading Style Sheets) HTML & CSS 이제 꾸며봅시다! CSS

  11. Let’s Do It ! The Concept of the CSS CSS (Cascading Style Sheets) HTML & CSS 그 전에, 적절한 id와 class를 적재적소에 배치해야겠죠? Selector

  12. Let’s Do It ! The Concept of the CSS CSS (Cascading Style Sheets) HTML & CSS CSS적용을 어떻게할까요?

  13. Let’s Do It ! The Concept of the CSS CSS (Cascading Style Sheets) HTML & CSS CSS

  14. Let’s Do It ! The Concept of the CSS CSS (Cascading Style Sheets) HTML & CSS CSS

  15. Let’s Do It ! The Concept of the CSS CSS (Cascading Style Sheets) HTML & CSS CSS

  16. Let’s Do It ! The Concept of the CSS CSS (Cascading Style Sheets) HTML & CSS CSS

  17. Let’s Do It ! The Concept of the CSS CSS (Cascading Style Sheets) HTML & CSS CSS

  18. Let’s Do It ! The Concept of the CSS CSS (Cascading Style Sheets) HTML & CSS CSS

  19. REVIEW is Important The Concept of the CSS HTML & CSS 직접 해봅시다!

More Related