fullstack-study

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

설명문 : 키워드 입력 - 작성자 입력 - ​ 검색 엔진 all : 기본값. 'index,follow'를 지정한 것과 같음. none : 'noindex, nofollow'를 지정한 것과 같음. index : 그 페이지를 수집대상 follow : 그 페이지를 포함해 링크가 걸린 곳을 수집대상 noindex : 그 페이지를 수집대상에서 제외 nofollow : 그 페이지를 포함해 링크가 걸린 곳을 수집대상으로 하지 않음 ​ 네이버 01) 오픈그래픽, 카카오톡이나 여러 소셜에서 링크를 보여줄 경우 그에 대한 상세 설정 ---------------- ​ 02) 트위터에 대응한 설정 특성을 지정 ---------------- # 파비콘 사이트1 사이트2 ​즐겨찾기 아이콘. 즐겨찾기(favorites)와 아이콘(..

# 시맨틱 태그 시맨틱 태그 종류 태그설명웹페이지의 머리글 , 로고, 메뉴, 검색 , 유틸 ,  전체메뉴등메인 콘텐츠를 나타내는데 사용, 문서에 반드시 한번만 사용제목별로 나눌 수 있는 문서의 콘텐츠 영역을 구성하는 요소 ( 주제별 ) , 다음 연예, 스포츠등독립적이인 컨텐츠좌우측의 사이드 영역 , 보조 컨텐츠사이트의 바닥부분, 주로 연락처나 제작자 정보등을 기술하는 부분웹 페이지 메뉴를 만들 때 사용 ( 주요메뉴 )   문서나 섹션의 머리말을 정의합니다.예: 페이지의 제목, 로고, 내비게이션 메뉴 등이 포함됩니다.   My Website Home About Contact    내비게이션 링크를 정의합니다.예: 주요 내비게이션 메뉴 Home ..

이미지, 링크, 엔티티 코드, 동영상  1. 이미지이미지 확장자 jpg ( jpeg ) : 기본png : 투명이미지svg : W3C가 개발한 개방형 표준으로 벡터포맷유형gif : 움짤WebP : 구글에서 개발한 이미지 포맷 - gif, png, jpg 포맷을 대체하귀 위해 개발     태그설명mdnW3Schoolsimg이미지바로가기바로가기속성설명형식src이미지 경로( 필수 )src = "./이미지명.jpg"alt이미지 대체 텍스트 ( 필수 )alt = "이미지안에글자 또는 타이틀"width너비width="100", width="100px"height높이height="100", height="100px"title툴팁title="이미지 설명" * alt 특성은 이미지의 텍스트 설명이며 필수는 아니지만 스크린..

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) 설치 방법비주얼 스튜디오 코드 - 확장..