fullstack-study

table ,form 요소 1. table : 표를 생성하는 최상위 태그입니다.: 표의 제목을 정의합니다. 이 태그는 태그 내부에서 가장 먼저 나와야 합니다.: 표의 헤더 섹션을 정의합니다. 태그와 함께 사용됩니다.: 표의 본문 섹션을 정의합니다. 여러 개의 태그를 포함할 수 있습니다.: 표의 바닥글 섹션을 정의합니다. 요약 정보 등을 나타낼 때 사용됩니다.: 표의 행을 정의합니다. , , 내부에서 사용됩니다.: 표의 헤더 셀을 정의합니다. 태그 내부에서 사용되며, 기본적으로 굵은 글씨체와 가운데 정렬이 됩니다.: 표의 데이터 셀을 정의합니다. 태그 내부에서 사용됩니다. 표(table 요소, tr요소, th요소, td요소)표를 작성할 때는 블록 레벨 요소인 table요소를 사용요소이름설명표(..

메타태그 Robots 속성 index, follow → 기본 설정 (검색엔진이 페이지와 링크 모두 수집)noindex, nofollow → 검색엔진에 노출시키지 않음 (비공개 페이지나 관리자 페이지 등에서 사용) 속성의미설명all기본값index, follow를 지정한 것과 동일 — 페이지와 링크 모두 수집 대상none비수집noindex, nofollow를 지정한 것과 동일 — 페이지와 링크 모두 수집 제외index페이지 수집 허용해당 페이지를 검색엔진이 수집(색인) 대상에 포함follow링크 추적 허용페이지 내의 링크를 따라가며 연결된 페이지도 수집noindex페이지 수집 금지해당 페이지를 검색엔진 색인에서 제외nofollow링크 추적 금지해당 페이지의 링크를 따라가지 않음 (링크 대상 페이지는 수집..

이미지, 링크, 엔티티 코드, 동영상 1. (image) 태그 웹페이지에 이미지를 삽입(display) 할 때 사용하는 HTML 태그입니다. (닫는 태그 없이 단독으로 사용되는 빈 요소, 즉 self-closing tag예요.)포맷형식특징설명용도JPG(JPEG)손실 압축 이미지- 파일 용량이 작음- 색 표현력 우수- 배경 투명 지원 안됨일반 사진, 웹 이미지PNG비손실 압축 이미지- 투명 배경 지원- 선명한 품질 유지- 용량이 다소 큼UI 아이콘, 로고, 투명 이미지GIF손실 압축 이미지- 256색 제한- 배경 투명 가능- 애니메이션(움짤) 지원간단한 움직이는 이미지SVG벡터 이미지- 확대해도 깨지지 않음- 코드로 표현됨- 색, 크기 자유롭게 조절 가능아이콘, 로고, 일러스트WebP손실/비손실 지원..

html작성법과 제목, 문단, 목록 HTML과 CSS는 웹 개발의 기본이 되는 두 가지 핵심 기술입니다.HTML은 웹 페이지의 구조를 정의하고, CSS는 그 구조의 스타일을 지정합니다. HTML (HyperText Markup Language)정의:HTML은 웹 페이지의 콘텐츠와 구조를 정의하는 마크업 언어입니다.기능:구조 정의: 웹 페이지의 제목, 단락, 목록, 링크, 이미지 등을 정의합니다.하이퍼텍스트: 다른 페이지나 리소스로의 링크를 제공합니다.기본 요소:태그: HTML 요소는 시작 태그와 종료 태그로 구성됩니다내용속성: 태그는 추가 정보를 제공하는 속성을 가질 수 있습니다. 기본예) Hello, World! This is a paragraph. Visit Example CSS (Casc..

비주얼스튜디오 코드설치, 확장 플러그인설치 방법  https://visualstudio.microsoft.com/ko/  Visual Studio: 소프트웨어 개발자 및 Teams용 IDE 및 코드 편집기Visual Studio 개발 도구 및 서비스를 사용하면 모든 개발자가 모든 플랫폼 및 언어로 앱을 쉽게 개발할 수 있습니다. 무료로 어디서나 코드 편집기 또는 IDE를 사용하여 개발하세요.visualstudio.microsoft.com   1. "동의합니다(A)"를 선택 2. "다음(N) >"을 선택해 다음 단계로 이동후 "다음(N) >"을 누르고  "설치(I) "  마지막으로 "종료" 3. 설치완료 후 바탕화면 아이콘 실행  # 확장 플러그인(Extension) 설치 방법비주얼 스튜디오 코드 - 확장..