본문 바로가기

Web Programming/HTML CSS JAVASCRIPT

[JavaScript] JavaScript란?
2018. 4. 8. JavaScript란? JavaScript란? JavaScript는 웹 페이지를 동적으로, 프로그래밍 적으로 제어하기 위해서 고안된 언어다. 그렇기 때문에 오늘날 가장 중요한 플랫폼이라고 할 수 있는 웹 브라우저에서 유일하게 사용 할 수 있는 프로그래밍 언어이다. 최근에는 HTML5의 적용이 가속화 되면서 지금까지 모바일 환경에서 네이티브 앱(안드로이드,IOS)으로 구현해왔던 기능이 웹에서도 대부분 구현 할 수 있게 되고 있다. 웹이 크로스플랫폼이라는 점, 검색이 가능하다는 점, 네이티브 디바이스를 제어 할 수 있는 하드브리드 시스템이 존재한다는 점에서 웹의 중요함은 더욱 확대 될 전망이다. 자연스럽게 웹에서 구동되는 유일한 언어인 JavaScript의 중요함도 점점 커질 것으로 예상된다. 작성 규칙 ●..
[CSS] Style 속성
2018. 4. 7. CSS Style 속성 글꼴 색과 배경 속성 ● color ● background-color● background-image (주로 바디 태그에 많이 사용)● background-repeat● background-attachment● background-position● background 글꼴 속성●font-family●font-style●font-variant●font-weight●font-size●font 텍스트 속성●text-indent●text-align●text-decoration●line-height●letter-spacing●word-spacing●text-transform 목록 속성●list-style-type●list-style-image●list-style-position●list-s..
[CSS] CSS 소개
2018. 4. 7. CSS 소개 CSS란? Cascading Style Sheet화면을 구상 할 스타일을 미리 정해 두고 단계적으로 해당 스타일을 적용하는 방식의 코드이다. CSS 장점 소스의 관리와 수정이 쉬워진다. (문서와 디자인의 분리)다양한 기기별 디자인 적용이 용이해진다.웹 문서 제작시간이 줄어든다. CSS 종류 ● Inline Style Sheet (태그 내부에 속성으로 들어가는 것)형식 : 12345678 Hello World Colored by Color Scriptercs ● Inner Style Sheet (Head 영역에서 미리 지정)형식 : 1234567891011 h2{color:blue} Hellow World cs 태그명/class 명/ID명을 기준으로 지정클래스는 .으로 시작한다. ● Outer..
[HTML] 기본태그 두번째
2018. 4. 7. HTML 기본태그 두번째 페이지 분할 및 외부 페이지 포함 태그 화면을 분할 하는데 사용하는 태그이다.내부의 자식 태그로태그를 가진다. 속성:rows 행 (세로분할 영역) / cols 열 (가로분할 영역) / border 프레임 테두리 선 / bordercolor 프레임 테두리 선 색상 /frameborder 프레임 테두리 선 표시 여부 태그에 의해 분할 된 각 영역에 표시 될 프레임을 관리 하는 태그이다. 속성:name 프레임 이름 / src 프레임에 표시 될 리소스 / noresize 프레임 크기 고정 / scrolling 스크롤바 표시 여부 화면의 특정 영역에 표시 하고자 하는 리소스를 넣을 수 있는 태그이다. 태그 안 어디서든 리소스를 뿌려 줄 수 있다.웹 취약성 검사에 항상 걸린다. 자신의 영역..
[HTML] TABLE
2018. 4. 7. HTML TABLE 단락 ~ 줄 바꿈 이미지 width(폭) height(높이) 높이만 지정하게 되면 자동적으로 폭을 설정해준다alt="내용": 이미지가 깨지거나 사용할 수 없을 때 이미지가 깨진 표시와 속성의 값이 표시 해준다title="내용": 툴팁으로 도움말이 나온다 테이블 첫번째 줄 첫번째 칸 첫번째 줄 두번째 칸 두번째 줄 첫번째 칸 두번째 줄 두번째 칸 첫번째 줄 첫번째 칸첫번째 줄 두번째 칸두번째 줄 두번째 칸두번째 줄 두번째 칸 테이블의 테두리 border ="" 첫번째 줄 첫번째 칸 첫번째 줄 두번째 칸 두번째 줄 첫번째 칸 두번째 줄 두번째 칸 테이블의 구조 첫번째 줄 첫번째 칸 첫번째 줄 두번째 칸 두번째 줄 첫번째 칸 두번째 줄 두번째 칸 내용이 진하게 표시 됨 구조화 테이블의 병합..
[HTML] 기본태그
2018. 4. 7. HTML 기본태그 태그 기본 형식과 약식 태그 .... 본문 태그 (body)HTML의 페이지 내용 부 영억 범위를 지정하는 태그이다. 속성: background배경 이미지(파일 이름이나 URL)를 지정한다. 속성: bgcolor배경색(색상이나 코드)을 지정한다. 기본은 흰색이다. 속성: text글꼴 색(색상이나 코드)을 지정한다. 기본은 검은색이다. 속성: link링크 색(색상이나 코드)을 지정한다. 속성: vlink방문했던 링크 색(색상이나 코드)을 지정한다. 속성: alink링크를 클릭하는 순간의 색(색상이나 색상코드)을 지정한다. HTML 주석처리 영역 구분 태그 는 built-in Entity라고 해서 예약된 특정 값을 의미한다. 한 줄 개행을 표현하는 태그이다. 문단을 표현하는 태그이다. al..

티스토리툴바