전체 글111 [HTML / CSS] CSS 텍스트 속성 1. 폰트 굵기 설정 "font-weigh"t 속성을 사용 100~900까지 값 설정 가능 (100이 가장 얇음) 100단위 값만 설정 가능 (120, 450 등은 사용 시 기본값으로 설정됨) 값 "nomal"은 "400" 과 같음 값 "bold"는 "700"과 같음 굵기가 400인 폰트 굵기가 700인 폰트 normal은 400과 굵기가 같다. bold는 700과 굵기가 같다. 2. 텍스트 정렬 "text-align" 속성 사용 왼쪽 정렬 오른쪽 정렬 가운데 정렬 3. 텍스트 꾸미기 "text-decoration" 속성 사용 주로 "" 태그(링크)의 밑줄 없앨 때 많이 사용 텍스트에 밑줄 긋기 텍스트에 윗줄 긋기 텍스트에 취소선 긋기 텍스트에 아무런 효과도 주지 않기 4. 폰트 크기 / 줄간격 설정 폰.. 2019. 12. 23. [HTML / CSS] 코멘트 넣기 코멘트 입력의 필요성 실제 실행에는 아무런 영향을 주지 않지만 작업 내용에 대한 정리가 필요한 경우, 협업 진행시 코드에 대한 설명이 필요한 경우 등 메모를 넣어줄 필요가 있을 경우 유용함. html에서는 "" 형식으로 코멘트 입력 css에서는 "/* 내용*/" 형식으로 코멘트 입력 /* css에서 코멘트 입력하는 방법 */ 2019. 12. 21. [HTML / CSS] 클래스(class) + 아이디(id) html 요소에 "이름"을 부여하는 2가지 방법 클래스 (class) 아이디 (id) 클래스 (class) 1st paragraph 2nd paragraph 3rd paragraph "big-red-text"라는 클래스로 선언된 첫째, 셋째 단락에 대해서 css 스타일 적용 css 설정시 class 이름앞에 ". (마침표)" 입력할 것!!! 아이디 (id) 1st paragraph 2nd paragraph 3rd papragraph "strong-text"라는 아이디로 선언된 첫째, "em-text"라는 아이디로 설정된 셋째 단락에 각각의 css 스타일 적용 css 설정시 id 이름앞에 "# (해쉬)" 입력할 것!!! 클래스 / 아이디 비교 같은 클래스 이름을 여러 요소가 공유할 수는 있지만 아이디는 한.. 2019. 12. 20. [HTML / CSS] 링크 / 이미지 삽입 하이퍼링크(Anchor) -> 태그 구글로 가는 링크 target="_blank" -> 새창에서 보기 (설정 없으면 현재 창에서 이동) 폴더 내 페이지 이동 -> 상대경로 사용 /* 하위폴더 가는법 */ xxx /* 상위폴더 가는법 */ 이미지 삽입 -> 태그 이미지파일 경로 - 서버 내에서는 상대경로 사용 - 웹에서 끌어올 경우 인터넷 주소 사용 이미지 크기 - width : 가로 크기 - height : 세로 크기 - 가로, 세로 중 한 쪽만 설정 시 비율대로 표시 - 크기 단위는 px 단위 / % 단위 (화면비율) 사용 가능 이미지 가운데 정렬 CSS 태그 2019. 12. 18. [HTML / CSS] html 문서 한글 깨짐 해결 Tip - 브라우저에 따라 지원하는 인코딩 방식이 다름 - 브라우저 기본 인코딩 방식이 한글을 지원하지 않는 경우 작성한 html문서의 한글이 표현되지 않음 - 한글을 보여주는 인코딩 방식을 사용하게끔 해주는 태그 - 삽입위치는 어디든 상관 없으나 안에 넣어주는 것 추천 2019. 12. 16. [HTML / CSS] CSS의 기초 html -> 웹페이지에 들어가는 내용을 작성 css -> 웹페이지에 들어가는 내용을 꾸밈 해석 : 문서 내 태그가 사용된 내용의 폰트 사이즈를 64px로 설정 / 가운데 정렬 1. html 문서 내 설정 페이지 내 2. css 파일 별도 생성 css 파일 내 스타일 설정 후 html 파일에서 태그 사용하여 내용 불러오기 동일한 css 내용을 복수의 페이지에 적용시킬 경우 오류를 감소 시킬 수 있고, 일괄 수정 / 업데이트 가능 3. html 코드 안에 css 코드 삽입 css 속성을 html 태그 안에 직접 입력하는 방법도 가능 특정한 내용만을 변경하거나 css 파일에 업데이트 하기 전 테스트 목적으로 사용 css 코드를 html 코드안에 삽입하는 법 2019. 12. 15. [HTML / CSS] 기본 HTML 태그 정리 선언 - HTML 5(최신)를 사용해서 문서를 작성하겠다는 선언의 개념 - HTML 파일 시작에 아래와 같이 입력 태그 - 페이지 제목을 설정해주는 태그 - 브라우저 탭이나 방문 기록에 나와있는 제목을 설정 Samla's Web Site ~ 태그 - 머릿말(본문 내 제목) 설정 태그 - 에서 부터 순서대로 의미상 크기상으로 작아진다. - 단순히 폰트 크기의 설정이 아닌 문서 내 제목 혹은 소제목으로써 의미를 갖게 한다. 머릿말 1 머릿말 2 머릿말 3 머릿말 4 머릿말 5 머릿말 6 태그 - 문단 구분 태그 - 문단의 시작과 끝을 구분할 때 사용 - 문단관 문단 사이에는 기본적인 약간의 여백이 있음. 태산이 높다 하되 하늘 아래 뫼이로다. 오르고 또 오르면 못 오를 리 없건마는 사람이 제 아니 오르고 뫼.. 2019. 12. 15. Python_Data-Science] Jupyter Notebook 단축키 + Markdown [Jupyter Notebook 단축키 + Markdown] 1. Jupyter Notebook 단축키 (Mac 기준) - cell 실행 : ctrl + enter - cell 추가(현재 선택 cell "위") : a - cell 추가(현재 선택 cell "아래") : b - cell 삭제 : dd - cell 여러개 삭제 : shift로 선택 + dd - cell 실행 후 cell (아래) 추가 : opt + enter - cell 실행 후 cell (아래) 선택 : shift + enter 2. Markdown (주석 달기) 옵션 - 제목 # 제일 큰 크기 제목 ## 두번째로 큰 크기 제목 ##### 제일 작은 크기 제목 - 순서가 있는 목록 1. 첫째 2. 둘째 3. 셋째 - 순서 없는 목록 * 홍.. 2019. 12. 10. 이전 1 ··· 8 9 10 11 12 13 14 다음
