WEB_F 썸네일형 리스트형 인터넷의 개념 인터넷은 웹이랑 다르다.다른 것으로 비유하자면 도로 위에 달리는 것이 웹이고, 하늘위에 날아다니는 것이 웹이다. 정보를 주고 받는 대상이 최소 2개가 있다. 서버 - 클라이언트 그리고 서버를 직접 열수도 있고 회사에 맡기는 웹호스팅이라는 것이 있다. 인터넷에 연결되어 있는 컴퓨터 한대 한태를 host라 한다. 무료이면서 좋은 github를 이용해보자. 깃허브에다가 저장해보자. static 웹 호스팅이다.dydimic 웹은 다른 언어를 사용한다. 아파치라는 소프트웨어를 이용해서 서버를 직접 설정할 수 있다. Web1 필기 WEB - HTML & Internat나의 공부루트 [ 아두이노 공부 -> 파이썬 공부 -> C언어 공부 -> 자바 공부 -> 파이썬을 통한 웹크롤링 공부 -> Go언어 문법공부 -> 웹공부 -> Go언어 동기성 공부 -> 블록체인 공부 ] 1) HTML : 하이퍼 텍스트 마크업 언어 플랫폼 별 에디터 : 윈도우(메모장), 맥OS(텍스트 편집기), 리눅스(에디터)ATOM 에디터를 사용하고 강의를 진행한다고 한다.bast HTML Editor 2017 -> 추천 검색어 나는 개인적으로 구름IDE를 사용할 것이다. 왜냐하면 지금 군대 사이버 지식 정보방에서 공부를 하는 입장이기 때문이다.따라서 웹에서 개발이 가능한 에디터를 선정하였다. 파일 형식은 .html으로 한다. 세상에서 제일 쉬운 문법 태그.굵은 글.. CSS와 셀렉터 CSS = Cascading style sheets웹사이트를 꾸며주는 역할을 한다. 셀렉터CSS를 이용해 꾸미려 특성 요소에 접근하는 것을 '셀렉터'라고 한다. 셀럭터를 만들 때는 태그를 이용하는 방법과 id와 class속성을 이용하는 방법이 있다. 1. 태그를 이용하여 셀렉터 만들기특정 태그를 모두 꾸미고 싶다면 태그를 이용해 셀렉터를 만든다. p태그의 폰트 크기와 색상을 바꾸었다. head태그 부분에서 하위 style태그에서 태그로 이용해 접근했다. 그러면 해당 태그는 전부 CSS효과가 적용된다. li태그는 좌측에 나오는 원 표시를 지우는 것을 만들었다. 1 2 3 17 18 태그 p119 태그 p220 태그 p32122 23 li124 li225 li326 27 28 2. class를 이용해 셀렉터.. HTML 태그 HTML의 다양한 태그에 대해서 알아보자. 아래 태그는 body태그 안에 포함된다. 1. pp태그는 문단을 나타내는 태그입니다. 2. hh태그는 1~6까지 폰트크기를 설정할 수 있습니다. 숫자가 작을 수록 폰트 크기가 큽니다. 3. ul, liul과 ol은 각각의 요소를 li태그로 표현하며, 리스트를 만듭니다. 4. tabletable태그를 이용해 표를 표현할 수 있습니다. thead, tbody를 가지고 있을 수 있고, tr을 이용해 행을 표현합니다.그리고 th와 td를 이용해 각 행의 컬럼을 표현합니다. th는 가운데 정렬과 굵은 글씨체를 만듭니다. 5. input, buttoninput태그와 button태그는 데이터를 넣는 폼과 페이지 조작 버튼을 만듭니다. input은 type, name, val.. HTML 기본구조 HTML = Hyper Text Markup Language' 하이퍼 텍스트 마크업 언어 '라고 하며, 웹을 이루는 가장 기본 요소이다. ※ 웹페이지는 세 가지로 이루어져 있다.1. 레이아웃을 담당하는 HTML2. 기능을 담당하는 Java script3. 꾸밈을 담당하는 CSS HTML 기본구조 1 2 3 7 8 9 10 부연설명1. 꺽쇠()는 태그라고 한다. 태그는 여는태그 , 닫는태그 가 한쌍으로 이루어져 있다. 태그는 태그 이름과 속성으로 태그를 만들고, 속성은 여러개가 될 수 있다.2. (1)번 줄은 html5를 명시한다.3. (2), (10)번 줄은 html 태그로 모든 태그를 감싸고, html 태그는 lang이라는 속성을 지니고 있다.4. (3), (4), (5), (6)번 줄은 meta, t.. 이전 1 다음