일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- JAVA11
- scanner
- input
- SpringBoot 2
- R
- array
- 수학
- 사칙연산
- Kadane's Algorithm
- hash table
- heroku
- Easy
- 자바입력
- 자바 thread 실행 순서 제어
- 카데인 알고리즘
- 자바 스레드 실행 순서 제어
- Today
- Total
목록Web (18)
DeFacto-Standard IT
태그 설명 속성 HTML5 문서임을 알리는 지시어. 없으면 아닐 수도 있다. 문서 제목, javascript, CSS, 메타데이터 정의 문서 본문 텍스트, 이미지, 테이블, javascript, 동영상 등 타이틀 제목(브라우저 탭) 수평선 긋기 줄넘어가기 단락 나누기 사용자가 입력한 값을 그대로 출력 글씨체가 굵어짐. h1이 가장 큰 제목, h6이 가장 작은 제목 - title : 마우스를 올리면 나타나는 툴팁의 값을 정의 이미지 삽입 - src : 이미지 파일 path. .bmp .gif .png .jpg(jpeg) animated-gif 지정 가능 - alt : src경로 이미지 로딩 실패 시 img태그에 출력할 문자열 - width : 이미지 폭 - height : 이미지 높이 => width, h..
박스 모델 구성 콘텐츠 : HTML 태그의 텍스트, 이미지가 출력되는 부분 패딩 (padding) : 콘텐츠를 직접 둘러싸고 있는 내부 여백 테두리 (border) : 패딩 외부의 테두리로서, 직선이나 점선 혹은 이미지로 테두리를 그릴 수 있음 여백 (margin) : 박스의 맨 바깥 영역이며 테두리 바깥의 공간으로 인접한 아래, 위 이웃 태그의 박스와의 거리 박스 모델을 구성하는 CSS Property 콘텐츠 패딩 테두리 여백 크기 관련 width height padding-top padding-right padding-bottom padding-left border-top-width border-right-width border-bottom-width border-left-width margin-to..
- RGB에 대한 16진수 코드 '#8A2BE2' div { color : #8A2BE2; } // R, G, B의 각 16진수 코드를 2자리 씩 총 6자리를 표현 - RGB(10진수코드, 10진수코드, 10진수코드)로 표현 'rgb(138, 43, 266)' div { color : rgb(138, 43, 226); } // 각 자리 당 0~255 - CSS3 표준에서 지정한 140개의 색상 이름으로 표현 div { color : blueviolet; } 위 3개는 같은 색상을 나타낸다.
* CSS는 상위에서 적용한 스타일과, 하위에서 적용한 스타일에 대한 태그가 있는 경우 기본적으로 상위에서 적용한 스타일이 적용된다. 만약 하위에서 또다시 스타일을 적용한다면, 오버라이딩 된다. 셀렉터(Selector) - HTML태그의 모양을 꾸밀 스타일 시트를 선택할 수 있다. 1. 태그 타입 셀렉터 h3 { color : brown } : html 내의 모든 에 대해 color : brown을 적용한다. h3, li { color : brown; } : html내의 모든 , 태그에 대해 적용 2. class 셀렉터 '.'으로 시작하는 셀렉터, HTML태그의 'class' 속성으로만 지정 가능 body.main { backrground : aliceblue; } : html내의 태그에만 적용 3. i..
- 셀렉터 : CSS3 스타일 시트를 HTML 페이지에 적용하도록 만든 이름, 규칙 - 프로퍼티 : 스타일 속성 이름. 약 200개 정도의 프로퍼티 존재 - 값 : 프로퍼티의 값. 프로퍼티 + 값 = 하나의 스타일 - 주석문 : 스타일 시트 내에 붙이는 설명문. /* ... */ 여러 줄, 아무 위치에나 사용 가능 - 대소문자 구분 없음 HTML 문서에 CSS3 스타일 시트 만들기 - 3가지 1. 태그에 스타일 시트 작성 2. style 속성에 스타일 시트 작성 3. 스타일 시트를 별도 파일로 작성, 태그나 @import로 불러 사용 -> CSS파일을 별도로 작성하는 경우,
HTML 태그의 배경색 설정 body { background-color : mistyrose; } 글자색 설정 h3 { color : purple; } HTML태그의 테두리 설정 hr { border : 5px solid yellowgreen; } HTML태그의 테두리 색 div { border-color : #6B8E23; } 폰트 사이즈 설정 span { color : blue; font-size : 20px; } 텍스트 들여쓰기 text-indent : | .p1 { text-indent : 3em } // 3글자 들여쓰기 텍스트 정렬 text-align : left | right | center | justify (양쪽정렬) .p1 { text-align : justify; } 텍스트 꾸미기 te..
간혹 가다가 웹 페이지가 예상대로 돌아가지 않을 떄가 있다. 예를 들면, JQuery를 사용해서 태그를 숨겼는데 그대로 보이는 경우이다. 이는 페이지가 로드되면서 실행되는 순서가 다르기 때문이다. 위와 같은 소스에서 실행 순서는 다음과 같다. 1. HTML 문서 다운로드 2. HTML 문서 파싱 시작 3. HTML 파싱이 3번 라인에 도달 4. jquery.js 가 다운로드 되고 파싱된다. 5. HTML 파싱이 4번 라인에 도달 6. abc.js가 다운로드되고 파싱되고 실행된다. 7. HTML 파싱이 5번 라인에 도달 8. abc.css가 다운로드 되고 파싱된다. 9. HTML 파싱이 6번 라인에 도달 10. 태그 내부 CSS 규칙이 파싱되고 정의된다. 11. HTML 파싱이 7번 라인에 도달 12. 내..