id 선택자 - 웹 문서안의 특정 부분 스타일을 적용. (#)기호를 사용해서 id 속성을 가진 요소에 스타일을 적용 h2 { font-size: 30px;} #hello { color: deeppink;} /* h2#hello { font-size : 30px; color: deeppingk;}*/ 안녕하세요 반갑습니다 class 선택자 특정 집단의 요소를 한번에 스타일을 적용. (.)기호를 사용해서 같은 class 이름을 가진 요소에 스타일을 적용 .hello {font-size: 20px; color: deeppink;} h2.hello{ font-weight: bold;} 안녕하세요 반갑습니다 하이 또 만났군요 h2, p{text-align: center;} id 선택자 div첫번째 영역 div두번..
CSS(Cascading Style Sheets) 웹 페이지의 특정 요소 또는 요소 그룹에 적용할 스타일 그룹을 지정하는 규칙을 정의하는 언어 CSS 문법 HTML 문서 사이에 요소를 사용하여 적용하는 방법 3. 외부 스타일 웹 사이트 전체의 스타일을 하나의 파일에서 변경 ✔ rel 현재 문서와 링크된 문서 사이의 연관관계를 명시 indent-rainbow(익스텐션) :들여쓰기를 컬러화시킨 익스텐션 선택자 1. 전체 선택자 스타일을 모든 요소에 적용 * { padding: 0; margin: 0; } ✔ 개별적으로 적용한 스타일은 전체 선택자에 적용한 스아틸보다 우선 2. 요소 선택자 특정 요소가 쓰인 모든 요소에 스타일을 적용 ✔ 상속 부모 요소의 속성값이 자식 요속에ㅔ게 전달된 과제 본인의 홈페이지에..
FTP(File Transfer Protocol) - 클라이언트-서버(C/S)용 프로토콜 - 클라이언트가 파일을 요청하면 서버가 요청된 파일을 제공 - 클라이언트가 서버로 파일을 전달 - 주로 대량의 파일을 처리할 때 사용 ✔ 호스팅 - 서버 컴퓨터의 전체 또는 일정 공간을 이용할 수 있도록 임대해주는 서비스 - dothome ✔ 닷홈 호스팅 주의사항 - html 디렉토리에 저장할 파일을 업로드 - 처음에 html 디렉토리에 있는 파일들은 다 지워도 됨 - 웹사이트는 무조건 첫페이지가 있어야함 - 첫 페이지는 항상 index.html(반드시 소문자) 로 업로드해야함 - 파일질라랑 연동가능 ✔ ftp-simple 비주얼 스튜디오 코드에 설치하여 FTP 프로그램으로 사용 F1키 ftp-simple : con..
서식 태그 : 텍스트를 굵게 표현 : 텍스트를 이탤릭체로 표현 : 텍스트를 굵게 표현 : 텍스트를 이탤릭체로 표현, 리더기에서 거쌘 발음 여러분 안녕하세요. 오늘은 HTML에 대해서 배워볼게요 https://validator.w3.org/ 잘못된거 체크해주는 사이트 목록 태그 : 순서가 없는 목록 태그, 블록태그(한줄 다 차지) · 김사과 · 오렌지 · 반하나 김사과 오렌지 반하나 : 순서가 있는 목록 태그, 블록 태그 1. 김사과 2. 오렌지 3. 반하나 김사과 오렌지 반하나 : 정의 목록 태그, 블록태그 류정원 선생님 김사과 학생 오렌지 학생 반하나 학생 류정원 선생님 김사과 학생 오렌지 학생 반하나 학생 이미지 태그 1. 비트맵 이미지 - 픽셀이 모여 만들어진 정보의 집합 - "레스터 이미지"라고 ..
클라이언트 사이드 언어 HTML:웹사이트의 틀을 작성하는 언어 CSS: HTML 문서를 시각적으로 만들어주는 언어 JavaScript:HTML문서의 컨텐츠 내용을 바꾸고 동적인 페이지를 만들기 위해 사용하는 프로그래밍 언어 -------------------------------------------------------- 서버 사이드 언어 JSP Spring python 최초의 웹사이트 http://info.cern.ch/ HTML 문서 만들기 - HTML 문서는 확장명을 .html로저장 - 문서를 작성할 수 있는 에디터라면 어디든지 작성가능 - 대소문자를 구별하지 않음 - 태그 형태로 괄호를 (예: ) 사용하여 표현 - 띄어쓰기, 줄바꿈을 구별하지 않음 - 시작태그, 종료태그로 구성되어 있음(예: 내..
