FrontEnd

    [HTML] HTML 리스트, 테이블 태그

    1. HTML 리스트 태그 https://tadaktadak-it.tistory.com/60?category=1020641#--%--%EB%A-%AC%EC%-A%A-%ED%-A%B-%--%ED%--%-C%EA%B-%B- * 웹 문서에 목록은 어떤 항목을 나열할 때 뿐 아니라 네비게이션의 목록 또는 텍스트 콘텐츠 목록 등을 나열할 때 CSS와 함께 자주 이용된다. 순서있는(Ordered List) 목록을 나열한다. 순서없는(Unordered List) 목록을 나열한다. 목록을 표시하며 ul/ol의 하위 목록으로 작성한다. * 설명 목록(Description List)은 이름과 값(name & value) 형태로 된 목록을 말한다. 설명목록은 한쌍의 태그를 갖는다. 태그와 값 부분을 지정한다. 태그로 구성된..

    [HTML] HTML 시맨틱, 레이아웃, 텍스트 태그

    1. HTML 시맨틱 태그 * Semantic(의미론적인, 의미있는) 의미론적인 이란 뜻으로 시맨틱 태그는 의미있는 태그라는 의미를 갖음 * 시맨틱 태그는 기능적인 태그가 아닌 의미만 가지는 태그 장점 - 시각장애가 있는 사용자에게 텍스트 판독기(스크린 리더)를 통해 의미 있는 내용을 전달하여 사용 가능하도록 제공(웹 표준, 웹 접근성) - 태그를 기반으로 페이지 내 검색 키워드 우선순위를 판단 - 코드 블록의 가독성이 좋음 종류 페이지의 머리말을 의미하는 헤더 영역 사이트의 핵심 컨텐츠를 표시하는 영역 등 포함 가능 일반적으로 메뉴(네비게이션 링크)를 포함하는 영역 주제별 문서의 콘텐츠를 표시하는 영역 하나 이상의 포함 가능 섹션의 하위 항목으로 본문 이외의 개별 콘텐츠를 표시하는 영역 좌/우측 사이드..

    [HTML] HTML의 개요, 구성요소, 문서구조

    1. HTML 개요 * HyperText Markup Language * 웹 페이지와 그 내용을 구조화하여 보여주기 위한 웹 브라우저용 언어(문서) * 웹페이지의 컨텐츠들을 다양한 환경(브라우저)에서 동일하게 볼 수 있도록 하나의 표현 언어로 표준화하여 표시할 방법을 위해서 생겨남 DOCTYPE(DOCument TYPE declration) 어떤 SGML이나 XML 또는 웹에서의 HTML 기반 문서 내에 그 문서가 특정 문서 형식과 규칙 및 정의를 따라 작성된 문서다 라는 것을 의미 문서형 정의 DTD : Document Type Definition 선언으로 시작하여 해당 웹 문서의 버전과 종류를 나타낸다. 문서형 정의의 종류 HTML XHTML HTML5 HTML5 추가된 태그 환영합니다.