프론트엔드 (6) 썸네일형 리스트형 CSS 기초 개념 CSS의 등장 HTML은 정보를 표현하는 데 집중하고 CSS는 HTML 문서를 시각적으로 꾸미는 기능에 잡중하는 기술 CSS(Cascading Style Sheets) : 정보를 수정하지 않고 디자인만 변경 HTML Tag - Table, List, Form Table // 표 테두리 두께 강의실안내 // 표 설명 추가 // 행 과목명 // 셀 학점 // 볼드처리 List Unordered List // Unordered List: 점으로 나열 빅데이터 분석 // ordered List: 숫자로 나열 빅데이터 분석 Form 이름 성별 남성 여성 ``` HTML 기초 Tag : 제목 : 문단 : 줄바꿈 , : 특정 문자 강조(볼드처리) ,: 이탤릭체 변환 : 언더라인 : 이미지 삽입 -src: 이미지 주소 정보, - alt: 이미지를 표시할 수 없을 때 사용 되는 대체 텍스트 : Hypertext 문서 간 연결 -href: 링크의 주소 HTML HTML(Hypertext Markup Language) : 서로 연결될 수 있고 정보를 구조적으로 표현하는 프로그래밍 언어 정보를 구조적으로 표현하기 위해 Tag라는 개념을 사용 ex) This is a Heading This is a paragraph. HTML의 기본 구조 html tag: 최상위 태그 head tag: 문서의 부가 정보를 담는 태그 body tag: 문서의 콘텐츠를 담는 태그 브라우저는 Tag와 Tag 내의 컨텐츠를 읽어서 사용자에게 디스플레이 Tag는 해당 컨텐츠를 사용자에게 어떻게 보여줄 것인지 정보를 담고 있음 모두 외울 필요X IP와 Port IP 주소 : 인터넷에 연결된 기기가 가질 수 있는 네트워크 상의 주소 클라이언트는 IP 주소 정보로 서버에 원격에 있는 자원(웹페이지, 이미지 등)을 요청 가능 공인 IP 주소 : 인터넷 상에 고유한 IP 주소 IP 주소를 관리하는 기관으로부터 할당받아 사용 가능 누구나 접속 가능해야 하는 웹 서버 등은 공인 IP 주소가 필요 사설 IP 주소 : 특정 조직 내부의 사설 네트워크 안에서만 통신 가능한 IP 주소 외부에서는 사설 IP로 접근이 불가능 호스트명 긴 숫자의 형태의 IP 주소는 외워서 활용 어려움 ex) 30.129.75.143 사람이 읽고 외우기 쉬운 형태의 주소 필요 > 호스트명 호스트명으로 기기의 IP주소를 찾을 수 있음 localhost : 현재 작업을 수행중인 기기를 지칭하는 호스트명 .. Web과 HTTP Web(World Wode web) 인터넷 상에서 정보를 공유하는 기술 중 하나 Web에서의 정보는 기본적으로 Hyper Text 문서로 작성되고 공유 Hyper Text를 작성하는 언어가 HTML Web Browser는 원격에 있는 Hyper Text 문서를 읽어서 사람이 보기 좋게 만들어 주는 프로그램 Hyper Text : 일종의 문서로, 링크를 포함하고 있어 다른 문서들과 연결될 수 있음 ex) 우리가 일상적으로 사용하는 웹 페이지 Web 상의 Hyper Text들은 각자 고유한 주소가 있음 HTML : Hyper Text(웹 페이지)를 작성하기 위한 언어 웹페이지의 구조를 결정하고 각 요소들의 의미를 부여(구조:순서, 요소:제목,본문,이미지 등) HTTP(Hyper Text Transfer Pr.. 이전 1 다음