記錄

CSS 구글 폰트 적용하는 방법 1. https://fonts.google.com/ 로 간다 2. https://fonts.google.com/ 에서 원하는 폰트를 골라 + 버튼을 누른다 (한 번에 하나 할 필요 없이 장바구니에 물건 담듯 원하는 폰트가 많다면 모두 눌러도 상관 없다) 3. 아래에 뜬 Family Selected 를 눌러 창을 크게 만들고 자동 생성된 와 CSS 설정을 복사하여 코드로 가져간다 4. 아래와 같이 코드에 넣는다 (코드는 다수의 폰트를 클릭했을 경우를 가정해서 사용)테스트 페이지 h1 { font-family: 'Nanum Brush Script', cursive; } h2 { font-family: 'Do Hyeon', sans-serif; } h3 { font-family..

참고 : https://www.cssfontstack.com/참고 사이트를 보면 각 OS별로 어떤 font를 가지고 있는지 통계치를 알 수 있다CDN방식이 아닌 font를 사용할 경우 위 사이트를 참고하면 좋을 것 같다 font-size, font-family/* 글씨 크기와 폰트는 아래와 같이 설정 *//* 글씨 크기 : font-size *//* 글씨체 : font-family *//* cf) em은 상대적 크기로 상위 태그 기준으로 xN배 설정 *//* 참고 : http://zinee-world.tistory.com/131 */ body { font-size: 10px} p { font-family: Arial; /* p의 상위 태그인 body 태그를 기준으로 상대적 크기 설정 */ font-siz..

참고 : https://code.tutsplus.com/ko/tutorials/the-30-css-selectors-you-must-memorize--net-16048 참고 링크에 모든 생성자가 정리되어 있으며 아래 생성자들은 자주 쓰이는 생성자에 대한 정리 ID selector, class Selector/* id selector : #id */ #firstid { color: #f442d7; border: black; border-width: 5px; border-style: solid; } /* class selector : .classname */ .firstclass{ color: rgb(0, 255, 0); } Star Selector/* Star *//* 페이지 내 모든 태그에 적용 */* ..

색깔 설정 방법 h1{ color: #f442d7; } h2{ color: rgb(0, 255, 0); } h3{ color: rgba(0, 255, 0, .5); } ul { color: blue; } 배경 설정 방법(색깔, 사진), border h1 { color: #f442d7; border: red; border-width: 5px; border-style: solid; /*아래와 같이 합쳐서 써도 괜찮다*/ /*border: 5px red solid;*/ } /* background에 색상을 설정하고 싶은 경우 */ body { background: black; } /* background에 사진을 설정하고 싶은 경우 */ body { background: url(https://images6.a..

Username: Password: Email: Dog: Cat: :) :| :( submit

colspan a b c colspan 예시 rowspan a b c d rowspan 예시 출처: http://webberstudy.com/html-css/html-2/table-basic-structure/ thead, tbody, tfoot의 존재 이유 thead, tbody, tfoot이 없어도 원하는 표를 잘 만들 수 있다. 그렇다면 왜 이 세 가지 태그들이 존재하는 것일까? 몰라서 okky에 질문을 올렸다. 답변으로는 크게 두 가지 의견이 나왔는데 나중에 javascript로 제어하고 싶을때 이를 특정하기 위해서 파트별로 태그로 구분해 두는 것이라는 의견과 시맨틱 웹 관점에서 구조적인 html 일 수록 검색에서 더 잘 걸리기 때문이라는 답변이 있었다.(참고 : https://okky.kr/ar..

vs 닷 형태가 ul이고 숫자로 순차적으로 나오는 것(1, 2, 3..) ol이다. 약자를 보면 쉽다. 내가 막써오던 ul은 unordered list 였다. 정렬되지 않은 리스트이므로 닷 으로 구분되는 것이었다. 반면 ol은 ordered list로 정렬된 리스트이기 때문에 숫자로 구분되는 것이다. vs HTML문서를 작성할 때 가장 많이 표현하게 되는 양식이 글자를 굵게하는 것입니다. 그리고 이 문제를 해결하기 위해서 요소를 너무나 당연하게, 그리고 쉽게 사용합니다. 하지만 웹접근성을 높이고자 한다면, 웹표준을 이해하고 준수하고자 한다면 요소보다는 요소가 좋습니다. 요소는 의미적으로 강조를 가리킵니다. 반면에 요소는 문자열을 단순히 굵게 표시하여 표현하는데 목적을 둡니다. 표현상으로 두 요소의 차이는..

HTML The HTML element provides general information (metadata) about the document, including its title and links to its scripts and style sheets. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/head 막 써왔던 head의 본래 존재 목적이 잘 정리되어 있어서 발췌했다. 역시 알고 쓰는 것과 모르고 쓰는 것은 깊이가 다르다. HTML The HTML Element represents the content of an HTML document. There can be only one element in a document. https://d..

jsp와 html의 경로 설정은 차이가 있으며 혼동되기 쉽다 [ jsp 파일 ] GET 방식 요청 로그인 POST 방식 요청 [ html ] (원칙적으로 서버요청 경로에 '/' 붙이지 않는다) 1. 목록보기 >>>> localhost:8090/MemoList 2. 목록보기 >>>> localhost:8090/WebServlet_3/MemoList 3. 목록보기 >>>> localhost:8090/member/MemoList 4. 목록보기 >>>> localhost:8090/WebServlet_3/member/MemoList 5. localhost:8090/MemoServlet localhost:8090/WebServlet_3/MemoServlet