본문 바로가기

Web Front-end/html & css

 (4)
css 속성 - filter filter filter 속성은 흐림 효과나 색상 변형 등 그래픽 효과를 요소에 적용합니다. 보통 필터는 이미지, 배경, 테두리 렌더링을 조정하는 데 쓰입니다. 사용 예) filter: blur(1px); Filter 속성 속성 단위 효과 blur px 흐림 효과 grayscale % 회색조 (100% = 완전흑백) sepia % 세피아 (100% = 완전세피아) saturate % 채도 (0% = 완전 무채색) hue-rotate (0~360deg) 색조 회전 invert % 반전 효과 (100% = 완전 반전) opacity % 불투명도(0% = 투명) brightness % 밝기 (0% = 검은색) contrast % 대비 (0% = 검은색) drop-shadow(x, y, blur) px 가로,세..
a태그 연관 속성 target 사용 예 ) _self: URL을 현재 페이지에 로드함. _blank: 새 창을 열어 URL을 페이지에 로드함. _parent: 현재 URL의 부모페이지 에 URL을 로드함. 상위 항목이 없는 경우 _self와 동일한 방식으로 동작함. _top: URL을 최상위 페이지로 로드함. 상위 항목이 없는 경우 _self와 동일한 방식으로 동작함. (즉, 더 이상의 parent 페이지가 존재하지 않는 "가장 최상위" 페이지) _self: Load the URL into the same browsing context as the current one. This is the default behavior. _blank: Load the URL into a new browsing context. This is usua..
웹 개발 기본 #2 - HTML 1. HTML HTML은 HyperText Markup Language의 줄임말이다. 하이퍼텍스트란 문서를 서로 연결해주는 링크를 의미한다. 웹문서를 만드는 언어이다. html5 : 2014년 11월에 발표된 html 표준규약은 이전 버전과 구별하기위해 한동안 html5라 불렀다. 이전에 사용하던 html4에 비해 다양한 기능이 추가 되었고, 현재는 대부분의 웹브라우저에서 html5를 지원하면서 html5 = html을 의미한다. 2. html의 구조 visual studio를 통해 만들 수 있는 기본적인 html의 기본구조는 다음 코드와 같다. 웹 문서의 유형을 지정하는 선언문 , 웹브라우저에 현재 문서가 html5문서라고 알려주는것이다. ~ 은 웹문서의 시작을 선언하는것이고 은 웹문서의 끝을 알리는것..
웹 개발 기본 #1 1. 웹 사이트의 동작 과정 Server / Client 일반적으로 사용하는 pc, 태블릿, 스마트폰으로 크롬,IE등을 이용해 웹 사이트에 접근하는것을 클라이언트(Client) 영역이라고 한다. 사용자가 웹 브라우저(크롬,IE)에서 정보를 입력하거나 링크를 클릭하면, 웹사이트에 연결된 서버(Server) 컴퓨터로 부터 정보를 가져와 웹 브라우저에 보여준다. 서버는 텍스트,이미지,동영상, 웹요소, 사용자정보,상품정보 등 여러 정보를 응답하게 된다. 이처럼 웹사이트란 Client에서 요청(request)하는것을 Server에서 응답(response)하는 방식으로 동작하게 된다. 2. Front-end / Back-end front-end란, 말 그대로 사용자 앞에 보이는 영역이다. 웹 브라우저에 보이는 텍스..

티스토리툴바