목록전체 글 (74)
✿∘˚˳°∘°
20230112 1. 텍스트 글꼴관련 스타일 font-family : 텍스트의 글꼴 지정 선택자 { font-family : "글꼴이름" } 글꼴 변경 테스트 글꼴 변경 테스트 글꼴 변경 테스트 웹폰트 제공 사이트 : 구글웹폰트 웹 폰트 적용1 웹 폰트 적용2 웹 폰트 적용3 font-size : 텍스트 크기 지정 선택자 { font-size : 크기 } 절대크기 상대크기 font-weight : 두꺼운 글씨 표현 선택자 { font-weight : normal | bold | bolder | lighter | 100~900 } 기본 글꼴 얇은 글꼴 두꺼운 글꼴 더 두꺼운 글꼴 font-variant : 작은 대문자로 변경 선택자 { font-variant : small-caps } font-style ..
20230111 -- style 적용방법 h1 h2 h3 h3{ color:rgb(155, 137, 79); background-color: burlywood; } [ 1. 선택자 ] p { color : red; } p : 선택자 / color : 속성 / red : 값 - p태그의 글씨 색을 red로 변경 CSS 선택자 : html문서 내부에서 스타일을 적용하기 위한 요소를 선택하는 것 에 반드시 css파일을 연동해 주어야 사용이 가능하다. CSS 선택자 선택자 특정한 HTML태그를 선택할 때 사용하는 기능 태그를 선택해서 원하는 스타일과 기능을 적용 -- 전체 선택자 전체 선택자(모든선택자) HTML 문서 안의 모든태그를 선택할 때 사용하는 선택자 *{속성 : 값;} 와 같은 형태로 사용 *{ co..
20230110 1. 테이블태그 내용11111111111 내용2 내용3 내용4 내용5 내용6 브라우저 종류 브라우저 이름 개발회사 홈페이지 크롬 google https://www.google.com 사파리 apple https://www.apple.com 파이어폭스 Mozilla https://www.mozilla.org 회원정보 이름 나이 주소 이름1 20 서울시 영등포구 이름2 21 서울시 강남구 이름3 22 서울시 동작구 이름 이름1 이름2 이름3 이름4 제목1 제목2 제목3 내용1 내용2 내용3 내용4 내용5 내용6 이름 나이 주소 유저1 21 서울시 영등포구 유저2 22 서울시 강서구 유저1 23 서울시 마포구 총 인원 3명 2. 영역분할태그 2 - 1 ) 영역분할태그 기본 - 블록 / 인라인 ..
20230109 [ 화면구현 ] - HTML + CSS + JavaScript + jQuery - JAVA와 연동 - Oracle과 연동 HTML(Hyper Text Markup Language) - 웹이서 정보르 표현할 목적으로 만든 마크업 언어 주의사항 1. 태그는 대소문자를 구분하지 않음 2. 시작태그로 시작하면 반드시 종료태그로 종료(일부태그제외) 3. 파일 확장자는 html, htm 4. 문자의 공백은 한개만 인식(이상은 사용) - a b - a b - 이 두개가 화면에서는 똑같이 나온다. vscode 사용 - ! -> 엔터 : html기본폼생성 -> html lang = "ko" - extensions : [ Meterial Theme / indent-rainbow(들여쓰기색) ..