MSA-Training20 DAY. 06 ch05/cssstyle.html CSS를 적용하는 세 가지 방법 인라인 스타일 내부 스타일 시트 링킹 스타일 시트1 링킹 스타일 시트2 ch05/cssstyle.css/* 주석 */.style-2 { color: slateblue; }.style-3 { background-color: beige; } CSS를 적용하는 세 가지 방법 인라인 스타일 내부 스타일 시트 링킹 스타일 시트1 링킹 스타일 시트2 ">CSS를 적용하는 세 가지 방법인라인 스타일내부 스타일 시트링킹 스타일 시트1 링킹 스타일 시트2 .. 2025. 12. 8. DAY. 05 ch04/numberinputtag.htmlp.131 숫자 관련 인풋 타입 number range date 제출 숫자 관련 인풋 타입 number range date 제출 ">숫자 관련 인풋 타입 number range date 제출 ch04/c.. 2025. 12. 5. DAY. 04 ch03/atag.htmlp.116 네이버로 이동 구글 띄우기 김연경김연경 네이버로 이동 구글 띄우기 김연경김연경">네이버로 이동 구글 띄우기 김연경김연경 태그는 하이퍼 링크를 만들 수 있다. href속성은 태그를 클릭시 이동하고 싶은 목적지를 작성하면 된다. target속성은 목적지가가 열릴 위치를 명시한다._blank링크된 문서를 새로운 윈도우나 탭(tab)에서 오픈함._self링크된 문서를 링크가 위치한 현재 프레임에서 오픈함.기본값으로 생략 가능._parent링크된 문서를 현재 프레임의 부모 프레임에서 오픈함._top링크된 문서를 현재 윈도우 전체에서 오픈함.프레임 이름링크된 문서를 명시된 프레임에서 오픈함. IE에 맞춰서 작업하던 시기에는 target 속성을 .. 2025. 12. 4. DAY. 03 ch03/tabletag.html 1 2 3 4 5 6 7 8 9 10 11 12 1에서 9까지의 숫자들 1 2 3 4 5 6 .. 2025. 12. 3. DAY. 02 태그, 가로줄을 표시하는 태그, 실무에서 잘 사용하지 않는다. 가로줄이 필요할 때는 CSS와 태그를 활용하여 만들어 사용하는 편. 강조하기 위한 태그들 b 태그 vs. strong 태그 이 b요소와 이 strong요소는 같아 보이지만 다른 태그입니다. 이 i요소와 이 em요소는 같아 보이지만 다른 태그입니다. , 은 텍스트에 볼드 효과를 주는 태그이며 태그는 일반 태그 태그는 시맨틱 태그(Semantic Tag)이다., 은 텍스트에 이탤릭 효과를 주는 태그이며 태그는 일반 태그 태그는 시맨틱 태그이다. 일반적으로 같은 기능을 하는 태그가 2개 있다면 하나는 일반 태그, 하나는 시맨틱 태그일 가능성.. 2025. 12. 2. DAY. 01 Fullstack 개발자 FE (HTML5, CSS3, JS) Vue3, React BE HTTP 통신 Hypertext Transfer Protocol 요청(request)-응답(response) | 연결해제 FTP SMTP p.39 에디터 > VSC D드라이브에 본인 영어 이름의 폴더를 만들고, 그 아래에 fe 폴더, 그 아래에 html 폴더를 만든다. 폴더 구조honggildong └ fe └ html VSC에서 fe폴더를 "폴더열기"로 오픈한다. fe/html/index.html 자, 이제 body 사이에 이것을 복사해서 붙여 넣고 브라우저에서 확인해 보세요. 여기에서는 줄바꿈도 되어 있고 탭 도 들.. 2025. 12. 1. 이전 1 2 3 4 다음