본문 바로가기

분류 전체보기

 (1358)
HTML5 javascript javascript는 html문서 내용안에 있는 코드 안 스크립트 방식이 있고 외부 링크를 이용하는 외부 스크립트 방식이 있다 코드안 스크립트 코드 내 스크립트는 위치는 상관 없지 만 보통 사이에 선은을 하여 많이 사용한다. 위 예제를 실행하면 브라우저 화면에 Hello World 가 출력되는 것을 볼수 있다. 외부 스크립트란 말그래도 외부에 있는 자바스크립트 파일을 링크해 사용하는것인데 형태로 사용한다.
HTML5 CSS 길이 단위 CSS 길이에 단위에는 절대 길이 단위와 상대 길이 단위가 있다. 절대 길이 단위 단위 요약 In Inches Cm Centimeters Mm Millimeters Pt Point pc Picas 상대길이 단위 단위 요약 em 엘리먼트 폰트 크기 상대적 ex 엘리먼트 x-높이에 상대적 rem root 엘리먼트 폰트크기에 상대적 px CSS 픽셀의 개수에 상대적 % 다른 속성값에 대한 비율
HTML5 css 컬러 함수 컬러를 선택하게 할 수 있는 함수 rgb(r,g,b) 사용예) color:rgb(211,211,211) rgba(r,g,b,a) 사용예) color:rgb(211,211,211,0.2) hsl(h,s,l) 사용예) color:hsl(211,100%,22%) hsla(h,s,l,a) 사용에) color:hsl(211,100%,22%,0.2) a 는 알파 값으로 투명도(opacity) 이며 0:완전투명 1:불투명 이며 0.2 이런 식으로 투명도를 조절 할 수 있다.
HTML5 CSS 흔히 말하는 스타일 시트(css) 적용은 여러 가지 방법이 있는데 간략히 정리 하자면 1.엘리먼트에 바로 적용하는 방법 유요한 정보 블로그로 이동 2.해당 html에 로 적용 시키는 방법 3.style.css 외부 include 파일을 생성해 사용하는 방법 이 외에도 여러가지 방법이 있다. 보통 3번 방식을 많이 쓴다. 기본적으로 많이 쓰이는 CSS속성 속성 요약 background-color 엘리먼트 배경색 변경 border 엘리먼트 테두리 설정 color 엘리먼트 색상 설정 font-size 엘리먼트 글자 크기 설정 height 엘리먼트 높이설정 width 엘리먼트 가로길이 설정 padding 엘리먼트 테두리 공백 설정 text-decoration 엘리먼트 글자에 적용된 데코레이션 설정 등 많은 속성..
HTML5 title 속성 title 속성은 해당 엘리먼트에 대한 추가적인 정보를 보여준다. 아이디 패스워드: 위 처럼 코딩 했을 경우 패스워드 input box 에 포커스를 가져가면 추가 적인 설명이 나타난다.
HTML5 tabindex 속성 아이디 패스워드: 일반 사이트 로그인 박스를 보면 이런 형태로 되어 있는데 Tab을 누르면 다음 포커스로 이동이 되는데 위 이미지와 같은 형태로 코딩후 tabindex를 적용하지 않았을경우 아이디->로그인->패스워드 형태로 탭이 이동하는 것을 확인 할 수 있다. tabindex 를 적용시 아이디->패스워드->로그인 순서로 원하는 결과를 얻을 수 있다.
html5 draggable 속성 dropzone 속성 hidden 속성 lang 속성 spellcheck 속성 css에서의 !important 중요도 설정 meta tag viewport
HTML5 dir 속성 위에 소스를 브라우저 에서 실행하게 되면 위와 같은 값을 보게 된다. rtl -> 오른쪽에서 왼쪽으로 ltr -> 왼쪽에서 오른쪽으로

티스토리툴바