sy의 코딩 개발일지

웹 코딩 시작하기 책 공부! 메타 태그 키워드 입력 , 설명 입력 ping 속성 링크명 이 속성은 백엔드 기술(php)이 필요 input 속성 라디오 vs 체크박스 라디오는 여러개중 하나 체크박스는 여러개중 여러개 span(inline) div(block) svg와 canvas 태그 CSS어ㅏ jQuery가 필요 table 태그 tr 새로운 줄 생성 td 새로운 칸 생성 align - left,center,right bgcolor background bordercolor cellspacing 간격 cellpedding 여백 height 크기 비율 width 크기 비율

출력문 출력명령문 document.write("내용") 따옴표 표현하기 document.write("\""); 문자열 연결 + 숫자를 문자화 alert 변수 변수 선언 법칙 변수명에는 영문 숫자 _ 대문자,소문자 구별 첫 문자는 숫자가 올수 X 예약어 사용X 예약어의 종류 abstract case continue extends for import long private static throw var boolean catch default false function in native protected super throw void break char do final goto instanceof new public switch transient while byte class double finally if ..

깃허브 가입한뒤 저장소 create 깃 가입후 검색창에 git bash 로 들어가기 결과 [무료] Git과 GitHub 시작하기 - 인프런 | 강의 (inflearn.com) [무료] Git과 GitHub 시작하기 - 인프런 | 강의 배우기 어려운 Git의 사용법을 쉬운 Gui 프로그램인 SourceTree를 통해 익혀봅시다., - 강의 소개 | 인프런... www.inflearn.com 잘 되지 않아 이 강의를 듣기로 했다. 토큰 생성 권한 지정 후 토큰 생성 settings -> develop settings ->personal access tokens repo workflow gist user delete_repo check한다. 토큰이 생성되고 메모장에 저장한다. 기억: git은 인증에 git c..

utf-8는 영어 한글 일본어 중국어 등 전세계 대부분의 언어를 표현해주는 문자셋 취소선 문자위의 주석 넣을때 한자표시할 한자의 음과 뜻 本ほん 田だ 줄긋기 제목 내용 특정영역 강조 mark태그는 문장에 특정영역을 강조할 때사용합니다. 태그 시간을 표시할때 사용 pubdate:발행 날ㅉ 표시 표시할 내용 이 포스트의 발행일 : 2022년 08월 22일 vs pre는 입력한대로 실행이 됩니다. p태그랑 비교하기 target속성 사용 링크이름 https://www.naver.com/" target="_blank">_blank (새창에서 열기) https://www.google.com/" target="_self">_self(현재창에서 열기) https://www.myoutube.com/" target="_p..

CSS단위 px rem em % px rem html태그에 명시된 크기의 배수를 기준 html태그에 font-size:10px지정 1rem = 10*1 2rem = 10*2 3rem = 10*3 1rem 2rem 3rem em 부모태그에 적용된 값을 기준 2em rem단위는 html태그에 적용된 값을 기준 em단위는 부모 태그에 적용된 값을 기준 html 10px .three 10*3 =30px .two 30*2 =60px % 부모태그의 길이를 기준으로 산정하여 크기를 가짐 메뉴만들기 메일 카페 블로그 지식iN 쇼핑 사전 뉴스 증권 부동산 지도 영화 뮤직 책 웹툰 레이아웃 만들기 house search me Hello World 복습! 미디어쿼리 사용방법 1 HTML5 CSS3 JavaScript jQu..

요소의 위치 설정 1.외곽선 주기 div{border: 굵기 선스타일 색값} 선스타일 solid : 그냥 한줄 dotted : 점으로 표현. dashed : 점선으로 표현. double : 두 줄로 표현. groove : 입체감 있게 표현. ridge : 볼록하게 표현. inset : 들어가 보이게 표현 outset : 튀어나오게 표현 2.모서리를 둥굴게 하기 div{border-radus:값} 값이 클수록 더 둥근모양으로 변한다. 3.이미지를 배경으로 넣기 div{background-image:url('주소');} 4.이미지 반복 설정 div{background-repeat:값} repeat:가로와 세로로 계속 반복 no-repeat: 한번만 나타남 repeat-x:가로 방향으로 반복 repeat-y:..

text 꾸미기 hello world 텍스트 스타일에서 inherit 부모태그의 font-style속성의 값을 그대로 적용한다는 의미이다. ex) hello world hello world 텍스트 굵기 font-weight hello world - bolder hello world - lighter 여러개 요소 넣는법 텍스트의 색상 color red hello world hello world hello world green hello world hello world hello world blue hello world hello world hello world 비교 p{letter-spacing:px} //텍스트 자간 지정하기(글자와 글자의 간격을 지정) p{word-spacing:10px} 띄어쓰기의 길..

출처:www.pinkcoding.com 아주 유용한 사이트를 찾았다. 이걸 보면서 공부! html문서에 적용하는 방법은 3가지가 있다. 1. 외부문서로 저장하여 연결하기 2. 문서 내부에 저장하기 3.태그에 직접 지정하기 CSS선택자1(tag,class,id) 태그명을 선택자로 선택 (tag) 태그에 클래스 속성을 지정하여 선택자 사용(class) hello world in list hello world in h1 태그에 아이디 속성을 지정하여 선택자 사용(id) id는 고유한 값으로 오직 한번만 사용한다. class는 여러번 가능 hello world CSS 선택자2(*,child) 모든 태그 선택하기(*) 자식 태그에 CSS적용 h1 tag in section tag h1 tag in aside ta..