웹앱.docx - 웹앱 2019.09.06 금 < slide#1 > http http stateless protocol(커넥션 유지 X GET 을 받은 서버 반응 O with error

웹앱.docx - 웹앱 2019.09.06 금 < slide#1 >...

This preview shows page 1 - 5 out of 16 pages.

웹앱
Image of page 1
2019.09.06 < slide #1 > http http : stateless protocol ( 커넥션 유지 X) GET 을 받은 서버 : 반응 O, with error codes < slide #2 > Basic HTML just giving structure for context, not presentation white space 는 반영 X <head > : 메타 데이터 기록 <body> : 실질적인 콘텐츠 <title> : title of web page block : 블럭은 내부에 블럭 , 인라인을 넣을 수 O 블럭과 블럭 사이에는 margin O inline : 인라인은 넣을 수 있지만 블럭은 넣을 수 없음 must be nested inside a block element !! <a>, <title> head semantic html : 텍스트 크기 조절하려고 h# 조절하면 semantically long self-closing tag : <br/> <hr/> …
Image of page 2
2019.09.19. 2.2 More HTML Element list : ordered, unordered, definition list unordered : ul(unorder list), li(list item) nesting 가능 : li 안에 ul 다시 만들어야 함 주의사항 : <li> </li><ul></ul> 하는 거 아님 <li><ul></ul></li> 해야 올바른 nesting 가능 ordered : ol definition : dl, dt, dd <dl> definition list <dt> definition title (term) <dd> definition description (definition of term) no bullet, number in front of context <dt> <dd> pair 로 나열 quotation ( 인용 ) blockquote <blockquote> 다음에 block element 필수임 , 예를 들자면 <p> 로 싸줘야함 앞에 indentation 을 준다는 특징 q inline Q. 왜 써야하지 ? A. 스크립트에 semantic 한 의미를 주는 것 ( 예를 들어 인용을 모두 큰따옴표에서 빨간 글씨 형식으로 바꾸고 싶을 때 quote 를 사용하면 한 번에 처리 가능 , 그리고 “” 계속 쓰면 헷갈려 ㅋㅋㅋㅋ ㅠ ㅠ ) HTML Char entities Q. &amp == &, &amp 자체를 보여주고 싶을 때 ? A < p > &amp; amp; </ p > deletion <del> insertion <ins> abbreviations <abbr> 약어 attach abbr title to word mouse over -> appear acronym, slang term comp code <code> inline segment 안에 기록 fixed - width font Q 많은 양의 텍스트 처리 ? ( 모두를 원하는 형식으로 표현하고자 할 때 , 코드든 뭐든 ) A preformatted text : <pre> white space 입력 하는 대로 다 처리해 줌 폰트 통일 css 를 통해 전체 포맷을 변경할 수 있음 <pre> 내에 <code> 태그 열어서 긴 ? ? large chunk of segment 형식의 코드도 표현 가능 meta title info about ur page <meta charset … /> <meta name = … , content = …/> : 페이지에 대한 desc 가능 ( 웹 페이지 이름 , 설명 ) <meta http-equiv=”…” … /> Q. 이게 왜 중요 ? 페이지에 안 나타나자나 A. high ranking on google search company policies, copyright 등 기록 favicon head : , 북마크에 표시 table tr (row) td(column) border 가 생기거나 하지 않음 just 레이아웃 설정 Q td 개수가 달라질 경우 생기는 일 ? (1 행은 2 , 2 행은 3 ) <caption> table 가장 위에 위치 ( 밑에 쓸 경우 알아서 위에 위치하게 보여줌 , 디폴트 위치임 ) <th> 타이틀 <td colspan = “2”> : 2 개의 col 을 병합하겠다 <td rowspan = “2”> : 2 개의 row 를 병합하겠다
Image of page 3
2.3 Web Standards valid HTML page 인지 검사 ? 확인하는 과정 standard 에 따라 작성된 HTML 인지 : valid invalid html different browser 에서 깨짐 other machine 에서 html
Image of page 4
Image of page 5

You've reached the end of your free preview.

Want to read all 16 pages?

  • Fall '19
  • Scott Ukjin Lee

What students are saying

  • Left Quote Icon

    As a current student on this bumpy collegiate pathway, I stumbled upon Course Hero, where I can find study resources for nearly all my courses, get online help from tutors 24/7, and even share my old projects, papers, and lecture notes with other students.

    Student Picture

    Kiran Temple University Fox School of Business ‘17, Course Hero Intern

  • Left Quote Icon

    I cannot even describe how much Course Hero helped me this summer. It’s truly become something I can always rely on and help me. In the end, I was not only able to survive summer classes, but I was able to thrive thanks to Course Hero.

    Student Picture

    Dana University of Pennsylvania ‘17, Course Hero Intern

  • Left Quote Icon

    The ability to access any university’s resources through Course Hero proved invaluable in my case. I was behind on Tulane coursework and actually used UCLA’s materials to help me move forward and get everything together on time.

    Student Picture

    Jill Tulane University ‘16, Course Hero Intern

Stuck? We have tutors online 24/7 who can help you get unstuck.
A+ icon
Ask Expert Tutors You can ask You can ask You can ask (will expire )
Answers in as fast as 15 minutes
A+ icon
Ask Expert Tutors