본문 바로가기

Programming/HTML & CSS & JavaScript48

HTML 1일차 - a, 링크, 경로 6) a 태그 ( anchor ) - 페이지간 링크(연결)시 사용됨. - 인라인 레벨 - 기본적으로 방문전(blue), 방문후(purple), 활성화(red, 마우스로 누르고있을때) 링크 색상이 달라진다. css 로 변경 가능. - 종류 2가지 구글 다음 나의 서버안의 컴포넌트요청 가. 내부링크 target.html 내의 java 로 바로가기 sql 로 바로가기 2024. 4. 18.
HTML 1일차 - header, p, br, hr, 텍스트포멧 13. 태그의 몸체 1) header 태그 - ~ 까지 - 번호가 작을수록 크게 보임(랜더링됨). - 기본 폰트크기는 16px( 1rem ) ==> 1rem = 1em 동일 ( 완전히동일하진 않지만 비슷함. ) : 32px, 16 * 2rem(2em) : 24px, 16 * 1.5rem(2em) : 10.72px, 16 * 0.67rem(em) - 블럭 레벨 (block level) 스타일 따름 * 블럭레벨 vs 인라인 레벨 가. 블럭레벨 - 새로운 줄에 랜더링됨. - 너비(width)가 전체를 차지하기 때문에 이어서 출력되는 태그는 새로운 줄에 랜더링이 된다. - 대표적인 태그: ~, , , , , , , ... 나. 인라인 레벨 - 한 줄에 랜더링 됨. - 너비(width)가 - 대표적인 태그: , .. 2024. 4. 18.
HTML 1일차 - title, style, script 1. web 아키텍쳐( Architecture ) - 정적컴포넌트: 실행안됨. - 동적컴포넌트: 실행됨. - 랜더링: 화면에 보여지는것. - 정적컴포넌트와 동적컴포넌트를 서비스 해주는 서버는 다르다. 클라이언트(client) 서버(server) -------------------- ----------------------------- 웹브라우저 웹컴포넌트(html,jsp,servlet) html: 정적컴포넌트(*.html) jsp:동적컴포넌트(*.jsp), 자바기술 servlet:동적컴포넌트(*.java), 자바기술 * html 인 경우 웹브라우저 서버 test.html ( 웹서버: Apache, IIS, ngnix ) 1) 웹브라우저에서 서버에 test.html 요청 2) 서버에서 요청한 html 검색.. 2024. 4. 18.
Google Api -Youtube data Api v3 api 를 통해서 youtube 영상 띄우기 2023. 12. 26.