목록web/html (10)
Rainbow
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/DT5Fk/btqNmczQ1Ii/by8K0dQ596Q9khk046hgYk/img.png)
이 a 요소는 바로 페이지를 이동하는 링크 역할을 합니다. HTML의 약자의 'Hyper Text'가 바로 a 요소라 할 수 있고, 그만큼 웹에서 빠질 수 없는 요소입니다. a 요소는 다음과 같이 적습니다. 웨버스터디 홈으로 가기 a 요소에서 href 속성에 원하는 주소를 적어주면 a 요소가 감싸는 텍스트를 클릭 시에 해당 주소로 이동합니다. 여기서 'href' 속성은 'Hyper Reference'를 줄여 만든 것입니다. '다른 차원에 대한 참조' 정도로 이해하시면 될 거 같고요. 아까 img 요소의 'src' 속성은 'Source'의 줄임 말 입니다. 말 그대로 소스로 이해하시면 됩니다. 종종 이 두 가지 속성을 헷갈릴 때가 있는데, 잘 기억하시기 바랍니다. a:link= 링크가 걸려있는 부분의 기본..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bBq5qV/btq6zimARN9/xAx44QxTiVRkyyiaPdTySk/img.png)
HTML 기초 정리 html태그 속성 의미 - html : 문서의 범위를 설정 , 웹문서를 제작해주는 것 - head : 문서의 정보를 설정(사이트의 제목과 로고, 검색 창 등이 위치) - body : 문서의 구조를 설정(브라우저에 실제 표시되는 내용을 담고 있다) - title: 문서의 제목을 설정(웹 브라우저의 제목 표시줄에 표시 된다) link : 외부 문서 및 파일을 연결(html , css , javascript , jquery) - rel : 현재 html문서에 css파일과,자바스크립트 연결 - href : 외부 웹페이지를 URL 연결 - type : 외부 문서를 연결 meta (charset) : 현재 페이지의 인코딩에 관한 정보를 담고 있습니다. 저 메타는 현재 페이지의 인코딩이 utf-8..
웹 표준이란 웹 표준이란 웹에서 표준적으로 사용되는 기술이나 규칙을 의미합니다. 브라우저 종류 및 버전에 따른 차이에 대하여 호환이 가능하도록 제시된 권고된 표준안에 따라 웹 사이트를 만들어야 합니다. 웹 표준을 통한 궁극적인 목적은 웹 사이트에 접속한 사용자가 어떠한 운영체제나 브라우저를 사용하더라도 동일한 결과를 보이게 하는 것입니다. 장애인, 노약자를 포함한 모든 사용자들에게 동일한 웹 사이트를 볼 수 있도록 웹 표준 기술 작업이 필요하며 웹 표준 준수는 웹 접근성 준수를 위한 핵심입니다. 웹 접근성이란 모든 사람들에게 평등한 웹 이용을 위해, 웹 접근성이 만들어졌다. 보통 사람들과 달리 웹 이용에 불편함을 겪는 사람들(장애인, 노약자등)은 웹의 접근성이 떨어진다. 이를 위해 스크린 리더기 마우스스..
요점 정리 div 요소는 의미없는 블럭 요소. span 요소는 의미없는 인라인 요소. class 속성은 모든 요소에 넣을 수 있는 속성으로, 주로 CSS로 스타일을 줄 때 사용 id값은 페이지 내 단 한 번만 선언 가능하나, class 값은 여러 번 선언 가능 class 값은 띄어쓰기를 통해서 여러 개의 값 지정 가능 class와 id 값의 이름은 무조건 짧게하기 보다는 알기 쉽도록 짓고, 의미에 맞게 넣는 것이 적합 id는 페이지 내 단 한 번만 선언 가능하여, 유일한 이름을 짓는 것이 적합
파일을 업로드 할때 태그에서 ENCTYPE="multipart/form-data"라는 애트리뷰트를 반드시 써야 한다. 그렇게 하지 않으면 웹 서버로 데이터를 넘길때 파일의 경로명만 전송되고 파일 내용이 전송되지 않기 때문이다. 그리고 이때 METHOD 애트리뷰트에는 'POST' 값을 지정해야 한다. ** 태그의 속성인 method, action, enctype 등은 입력받은 데이터를 어떻게 처리할 것인지 세부적으로 설정하는 데 사용된다. method는 전송 방식, action은 전송 목적지, enctype은 전송되는 데이터 형식을 설정한다. ** enctype enctype 속성은 다음 세가지의 값으로 지정될 수 있다. 1. application/www-form-urlencoded 디폴트값이다. enct..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/E8JIx/btq7EdrSfPb/rD3CqtHVNFELhz01rDUjoK/img.png)
이미지 파일 형식 gif : 제한적인 색을 사용하고 용량이 적으며 투명 이미지와 애니메이션 이미지를 지원하는 형식 jpg : 사진이나 일반적인 그림에 쓰이며 높은 압축률과 자연스러운 색상 표현을 지원하는 형식(투명을 지원하지 않는다.) png : 이미지 손실이 적으며 투명과 반투명을 모두 지원하는 형식 이미지 포맷인 GIF, JPG, PNG(PNG8bit, PNG24bit) 이 jpeg 방식의 포맷이 정확히 어떠한 원리인지는 잘 모르지만, 이 포맷방식은 이미지가 뿌옇게 될수록 용량이 작아집니다. 이런 특성을 이용해서 이미지의 용량을 더 줄이기 위해, 필요한 부분만을 선명하게 놔두고 나머지 부분을 블러(blur, 뿌옇게 하기)처리를 하기도 합니다. 포토샵(Photoshop)에서의 저장 방법 저장을 할 때에..