02. CSS 선택자(2)
1) CSS 작성 ✔ css 코드는 css 파일을 만들어 따로 관리한다 ✔ HTML 파일에서 link를 통해 css 파일을 참조한다 2) 기본 속성 선택자 ✔ 태그에 작성된 특정 속성을 선택하는 선택자 (id, class도 선택 가능은 하지만 보통은 #, . 을 사용한다) [작성법] 선택자[속성명="속성값"]{ css 코드; } (참...
정욱쓰 개발일지
07. 입력 관련 태그
1. input 태그 ✔ 웹 문서에서 사용자가 입력할 수 있는 양식을 제공하는 태그 ✔ inline형식(모든 input태그가 inline형식) 1) text 관련 input 태그 (1) type=”text” ✔ 한 줄 짜리 문자열(텍스트)를 입력할 수 있는 입력 상자 ✔ input 태그의 type 기본값 <i...
06. 하이퍼링크 관련 태그
1) target 속성 ✔ 연결된 문서를 어디에서 열 것인지 지정하는 속성 ✔ 기본값 : 같은 탭 ✔ _black : 새 탭 == 비어있는 탭 2) a 태그를 이용한 하이퍼링크 구현 ✔ a 태그는 현재 HTML문서와 다른 HTML문서를 연결해서 페이지 이동을 할 수 있게 하는 기능을 제공 → 이 때, a태그로 감싸진 문자열 == 하이퍼링크 ...
05. 이미지 관련 태그
✔ 웹 문서에 사진, 그림 같은 이미지를 삽입하는 용도의 태그 ✔ img 태그는 inline 형식 [속성] 1) src : 삽입할 이미지의 경로를 지정하는 속성(파일경로, 웹주소) 2) width / height : 이미지의 크기를 지정하는 속성 3) alt : 이미지를 설명하는 속성 -> 이미지가 출력되지 않는 경우 화면에 직접 표시(웹접...
04. 영역 관련 태그
1) 영역을 나누는 형식(성질) (1) block 형식 ✔ 공간을 수직 분할 → 수직으로 되어있는 화면을 가로로 잘라서 여러 행을 만드는 것 ✔ 크기를 지정하는 width, height 속성을 사용 할 수 있다 ✔ ex) p/pre(문단 나누기), h1~h6(제목 영역 나누기), hr(수형선 넣어서 화면 나누기)...
01. CSS개요, CSS 선택자(1)
1. CSS 개요 CSS(Cascading Style Sheets) ✔ 마크업 언어(HTML)가 실제로 화면에 표시되는 방법(모양, 색상, 크기, 스타일..)을 기술하는 언어 → HTML 코드가 화면에 어떤 스타일로 보여질지 지정하는 언어 [표기법] JAVA : 카멜 표기법 (helloWorld) DB : 대문자, 띄어쓰기 _로 표시 (HE...
03. 표 관련 태그
1) 간단한 CSS 형태 <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- 반응형 웹을 만들기 위한 설정(기계의 넓이를 인식) --> <meta name="viewport" ...
02. 목록 관련 태그
<ul> 순서없는 목록을 작성하는 태그(영역) <li>(List Item) 목록에 들어가는 내용을 작성하는 태그 <ol>(Ordered List) 순서있는 목록을 작성하는 태그 * ol 태그의 type 속성 * 기본값 : 1부터 1씩 증가하는 숫자 type="a" : 영어 소문자 순서 type="A" : 영...
01. 글자 관련 태그
1) 구성 <!DOCTYPE html> <!-- ctrl + / 마크업용 주석 --> <!-- !DOCTYPE (!Document TYPE(문서 형식)) : 현재 문서 형식 지정 --> <html lang ="ko"> <!-- "ko" 웹페이즈 언어를 한국어로 설정 --> <!-- ht...
00. Visual Studio Code 환경설정
1. Visual Studio Code 1) visual studio code 검색 2) 다운로드 3) 한글 설정 - 설치 4) 라이브 서버 - 설치 5) 기타 2. file setting 1) 파일 추가하고 뒤에 확장자를 입력하지 않으면 텍스트 문서로 만들어 진다! 2) 본인 ip 설정 3) 샘플 추가 후 시행해 보기...