성준이의 공부블로그

Semantic TagSemantic : 의미있는➡️ 시맨틱 태그란 HTML에서 해당 영역의 역할을 논리적으로 명확하게 의미하는 태그입니다.시맨틱 태그 종류태그의미사용 예시머리글, 페이지 또는 섹션의 소개 영역사이트 전체 헤더, 섹션 헤더 등내비게이션 링크 모음메뉴, 목차, 사이드바 등주요 콘텐츠 영역한 페이지의 핵심 콘텐츠 부분독립적인 구역기사나 페이지의 각 블록독립적인 글이나 글 덩어리블로그 글, 뉴스 기사 등부가적인 내용광고, 관련 링크, 사이드 노트 등바닥글저작권 정보, 연락처 등자세한건 MDN 참조..시맨틱 태그를 사용하지 않았을 경우 제목 menu1 menu2 menu3 시맨틱 태그를 사용했을 경우 제목 menu1 ..

웹 개발웹 개발이란 간단하게 생각하면 웹 사이트를 만드는 것이라고 생각할 수 있다. 하지만 직접 개발을 해보면 간단하게 개발할 수 없다(ㅠㅠ). 물론 포트폴리오 사이트나 홍보 사이트처럼 정보만 전달하는 웹 사이트는 비교적 간단할 수 있다. 이런 것을 정적 웹 사이트라고 한다. 하지만 웹 사이트는 눈으로 확인 가능한 부분만 개발하는 것은 아니다. 회원을 관리해야 하거나 글을 작성해야 하거나 작성된 글에 공감을 표시하거나 쇼핑몰처럼 어떤 상품을 보고 결제하는 것 등 다양한 서비스들을 제공해야 할 수도 있다. 이러한 어떤 기능들이 있는 웹 사이트를 동적 웹 사이트라고 한다.  웹은 사용자에게 보여지는 것 뿐만 아니라 사용자가 이용할 수 있는 기능과 서비스 모두를 담을 수 있어야 한다. 프론트 엔드 앞서 말한 ..

table tag 웹 문서에서 자료 정리 시 주로 사용 행과 열로 이루어져 있음-> 셀 : 행과 열이 만나는 지점. 한 칸을 의미 HTML 태그tag의미 및 관련 속성table표 표시border: 표 테두리선 표시tr표의 한 행 표시rowspan: 같은 열의 셀들을 합침.colspan: 같은 행의 셀들을 합침.th제목 셀 표시td내용 셀 표시기본구조 예제  시간 월 화 수 목 금 1교시 국어 수학 영어 과학 체..

HTML(Hypertext Markup Language, 하이퍼텍스트 마크업 언어)은 우리가 보는 웹페이지가 어떻게 구조화되어 있는지 브라우저로 하여금 알 수 있도록 하는 마크업 언어이다.HTML은 제목, 단락, 목록 등과 같은 본문을 위한 구조적 의미를 나타내는 것뿐만 아니라 링크, 인용과 그 밖의 항목으로 구조적 문서를 만들 수 있는 방법을 제공한다.- HTML의 기본구조 임성준 @@@@ @@@ HTML5라는 의미입니다. DOCTYPE 선언은 HTML 문서에서  태그를 정의하기 전에 가장 먼저 선언되어야만 한다.html파일의 시작과 끝을 의미한다.html파일의 머리부분으로 문서의 정보를 나타내고 내/외부 파일을 연결하는 코드를 작성하는 부분이다.html파일의 몸통부분으..

라인 블록 요소 : , , , , , , , , ... 블록(block)인 요소는 언제나 새로운 라인(line)에서 시작하며, 해당 라인의 모든 너비를 차지 요소는 다른 HTML 요소들을 하나로 묶는 데 자주 사용되는 대표적인 블록(block) 요소입니다. 요소는 주로 여러 요소들의 스타일을 한 번에 적용하기 위해 사용됩니다. 인라인 블록 요소 : , , , , , ... 인라인(inline)인 요소는 새로운 라인(line)에서 시작하지 않습니다. 요소의 너비도 해당 라인 전체가 아닌 해당 HTML 요소의 내용(content)만큼만 차지합니다. 요소는 텍스트(text)의 특정 부분을 묶는 데 자주 사용되는 인라인(inline) 요소입니다. 요소는 주로 텍스트의 특정 부분에 따로 스타일을 적용하기 위해 사..

tag 설명 속성 ul 글머리 기호 표시 비순서리스트 type="disc or circle or square" ol 순서 표시 리스트 type="1 or A or a or I" start="시작번호" li 항목 value="표시번호" - Ex1 순서 필요 x 사과 딸기 키위 바나나 수박 순서 필요 o 축구 토트넘 맨유 리버풀 아스널 맨시티 야구 KT 삼성 LG 두산 키움