반응형

HTML5 6

[ HTML5 ] table , form 요소

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

HTML5 2024.02.28

[ html5 ] # 카카오 , 트위터, 메타, 파비콘

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

HTML5 2023.09.06

[ html5 ] 시맨틱 태그

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

HTML5 2023.08.21

[ html5 ] 이미지, 링크 , 엔티티 코드, 동영상

이미지, 링크, 엔티티 코드, 동영상 1. 이미지포맷형식특징설명용도JPG(JPEG)손실 압축 이미지- 파일 용량이 작음- 색 표현력 우수- 배경 투명 지원 안됨일반 사진, 웹 이미지PNG비손실 압축 이미지- 투명 배경 지원- 선명한 품질 유지- 용량이 다소 큼UI 아이콘, 로고, 투명 이미지GIF손실 압축 이미지- 256색 제한- 배경 투명 가능- 애니메이션(움짤) 지원간단한 움직이는 이미지SVG벡터 이미지- 확대해도 깨지지 않음- 코드로 표현됨- 색, 크기 자유롭게 조절 가능아이콘, 로고, 일러스트WebP손실/비손실 지원- 구글 개발- JPG, PNG, GIF 대체 목적- 높은 압축률 + 품질 유지웹 최적화 이미지, 썸네일, 배너 등 태그설명mdnW3Schoolsimg이미지바로가기바로가기속성설명형..

HTML5 2023.08.17

[ html5 ] html작성법, 제목,문단,목록, 유효성검사

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

HTML5 2023.08.17

[코딩에디터] 비주얼스튜디오 코드(Visual Studio Code) 설치 , 확장 플러그인(Extension) 설치 방법

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

HTML5 2023.06.01
반응형