8/17

부모 자식과 목록

- 부모 태그와 자식 태그 중에 ul, ol / li 에 대해서 배움

- 리스트는 li만으로 나타낼 수 있으며, 리스트 간의 구분을 위해 부모 태그인 ol 과 ul을 사용할 수 있음

- ol과 ul의 깊이(사용 횟수) 만큼 들여쓰기가 가능

 

배운 태그

• ol - Ordered List
• ul - Unodered List
• li - List

 

문서의 구조와 슈퍼스타들

- 정보가 많아질수록 구조라는 체계가 필요함

- 이번 시간에는 구조를 만드는 방법에 대해서 배움

 

 

배운 태그

• title - 책의 표지와 같은 역할 / 사용하지 않으면 검색엔진의 간택을 받지 못함 (
• head - 본문을 설명하는 태그들의 모임
• body - 본문
• html - 위의 상호 배타적인 두 태그의 부모 태그

HTML 태그의 제왕 = a 태그

- 혁명적 순간

1. 태그를 배운 순간
2. a 태그를 알게된 순간

 

배운 태그

• a - 링크를 표현한 태그로, anchor의 첫글자를 따서 만든 태그
  href 를 통해 링크될 주소를 입력, target="_blank를 통해 새 창에서 열기, title을 통해 툴팁으로 내용 보여주기

 

웹사이트 완성

- a 태그를 통해 웹 페이지의 링크를 걸어 구조를 만들 수 있음

 

 

원시웹

• 웹의 역사를 통해 웹이 어떠한 혁명적인 일을 할 수 있는지 보고자함
• Internet VS WEB - 웹과 인터넷은 다르며, 인터넷이라는 인프라 위에서 수행할 수 있는 하나의 서비스가 웹임
• 웹은 스위스에서 태어남 >> 왜 스위스일까?가 중요한 것이 아니라 스위스에 무엇이 있을까? 가 중요한 것
• 유럽 입자물리 연구소가 있었으며, 이 정보를 다루는 Equire 프로그램을 만듬 (팀 버너스 리)
• 이후 1990년에 WEB을 만들고, 원시웹(가장 최초의 웹페이)는 http://info.cern.ch/

 

 

======

인터넷을 여는 열쇠 : 서버와 클라이언트

• 클라이언트 컴퓨터 : 요청하는 컴퓨터
• 서버 컴퓨터 : 요청하는 컴퓨터

 

 

 

HTML 리스트를 배웠으니 이제 띄어쓰기로 리스트를 구분하기 보다는 리스트 태그를 사용한 기능을 사용할 것!