본문 바로가기

html53

표 만들기(table) 표 만들기 기본 태그 테이블을 만들기 위해 필요한 태그하나의 표를 나타냄표 안에서 하나의 행을 나타냄행 안에서 제목에 해당하는 셀을 나타냄행 안에서 항목에 해당하는 셀을 나타냄 1행 1열 1행 2열 2행 1열 2행 2열 1행 1열 1행 2열 2행 1열 2행 2열 ">1행 1열1행 2열2행 1열2행 2열 표의 구조를 나타내는 태그표의 머리글 (제목 행)표의 본문 (데이터 행)표의 바닥글 (합계, 요약) 제품명 가격 노트북 2,000,000원 마우스 100,000원 .. 2026. 1. 16.
시맨틱 태그(Semantic Tag) 시맨틱 태그(Semantic Tag) header페이지의 머리글, 제목, 로고, 메뉴, 검색관련, 유틸, 작성자의 이름 등으로 구성nav페이지의 내비게이션 영역. (사이트 내, 외부로 이동). 메뉴, 목차, 색인 등main메인 컨텐츠 영역문서 내에 반드시 한번만 사용다른 태그의 하위로 작성할 수 없는 태그article본문의 주 내용이 들어가는 부분을 의미 section본문의 여러 내용(article)을 포함하는 부분을 의미footer하단의 바닥글 영역. 회사정보, 저작권, 연락처 등의 정보로 구성 2026. 1. 14.
HTML 기본 구조 HTML 기본 구조 여기에는 웹페이지에 표시할 컨텐츠를 입력 VSC에서 "!" 입력시 제공되는 기본 HTML 구조이다. 문서 형식 선언, 문서의 내용이 시작되기 전에 해당 문서가 어떤 마크업 언어 형식으로 작성 되어 있는지를 명시 하는 역할이다. 문서의 시작과 끝, 여는 태그가 문서의 시작을, 닫는 태그가 문서의 끝을 의미한다. 이 태그에는 선택적으로 lang이라는 속성을 추가할 수 있는데, 이는 문서의 주요 언어를 표기하기 위해 추가하는 속성이다. 문서의 정보, 브라우저에게 문서의 정보를 전달한다. 의 안에 작성되는 태그들은 웹 브라우저 화면에 표시될 콘텐츠는 아니지만, 웹페이지 품질에 영향을 준다. 인코딩 방식 설정, 문서의 인코딩 방식을 설정해주는 문자셋(character set)설정이다. .. 2026. 1. 14.

티스토리툴바