목록전체 글 (91)
Rainbow
color - 글자 색을 지정. font-family - 글자의 서체를 지정. 서체의 종류 세리프(serif) - 꺽쇠가 있는 서체, 가독성을 보다 높여 줌. 산세리프(sans-serif) - 꺽쇠가 없는 서체, 심플하고 깔끔한 서체. 모노스페이스(monospace) - 글자들의 너비가 동일한 서체, 코딩 작업 등에 주로 사용. 커시브(cursive) - 필기체. 판타지(fantasy) - 장식이 많은 서체, 제목 같은 일부 영역에 유용. 웹 안전 서체는 대부분의 PC에 내장되어 있는 서체. font-size - 글자의 크기를 지정. font-style - 이텔릭과 같은 스타일을 지정. font-weight - 글자의 굵기를 조절. font-variant - 영문자 소문자를 작은 대문자로 변경. line..
요점 정리 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..
이미지 파일 형식 gif : 제한적인 색을 사용하고 용량이 적으며 투명 이미지와 애니메이션 이미지를 지원하는 형식 jpg : 사진이나 일반적인 그림에 쓰이며 높은 압축률과 자연스러운 색상 표현을 지원하는 형식(투명을 지원하지 않는다.) png : 이미지 손실이 적으며 투명과 반투명을 모두 지원하는 형식 이미지 포맷인 GIF, JPG, PNG(PNG8bit, PNG24bit) 이 jpeg 방식의 포맷이 정확히 어떠한 원리인지는 잘 모르지만, 이 포맷방식은 이미지가 뿌옇게 될수록 용량이 작아집니다. 이런 특성을 이용해서 이미지의 용량을 더 줄이기 위해, 필요한 부분만을 선명하게 놔두고 나머지 부분을 블러(blur, 뿌옇게 하기)처리를 하기도 합니다. 포토샵(Photoshop)에서의 저장 방법 저장을 할 때에..
Article 요소는 문서, 페이지, 애플리케이션에 포함되며, 그 자체로도 독자적으로 완성된 내용을 담고 있다. 원칙적으로 Article 요소에 담긴 내용은 기사 통합 서비스 등을 통해서 따로 배포되거나 재사용할 수 있다. Article 요소의 내용은 게시판 글이 될 수도 있고, 잡지나 뉴스의 기사, 블로그에 올린 글, 사용자가 올린 댓글, 상호작용할 수 있는 기능 모듈을 비롯해서 다른 어떤 종류의 독립적인 콘텐츠도 될 수 있다. 을 단지 신문이나 블로그 기사article로 여기지 말고 옷 한 벌an article of clothing이라고 생각하면 된다. (상황에 맞추어서 사용 가능하다) 을 여기저기 잔뜩 쓰지 말 것. 페이지의 주 제목으로 을 쓰고, 다음으로는 , , … 이런 식으로 순차적으로 제목의..
상대경로와 절대경로 src 속성에는 이미지의 경로가 들어가며, 이미지의 상대경로와 절대경로가 있습니다. 상대경로는 현재 웹 페이지를 기준으로 상대적으로 이미지의 위치를 나타내는 경로이고, 절대경로는 실제 그 이미지가 위치한 파일의 전체 경로입니다. 여기에는 속성은 두가지가 존재 한다 src, alt src : 실제 이미지가 있는 파일 위치 alt : 지정된 파일에 이미지가 없을시 대신 설명하는 대체텍스트 https://sosocodingday.tistory.com/51 [HTML/CSS] 상대경로와 절대경로 1. 상대경로와 절대경로 경로는 크게 상대경로와 절대경로로 구분할 수 있다. 1) 상대경로 ① ./ (생략가능) : 주변에서 찾는다 ② ../ : 상위폴더로 올라가서 찾는다 2) 절대경로 ① http..