본문 바로가기

HTML4

표 만들기(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.
[HTML] HTML (Hyper Text Markup Language) 란? HTML 이란? HTML은 웹에서 처음 배우는 언어인 만큼 가장 기본적인 언어이며 웹사이트의 기본 구조는 HTML로 되어있다. 디자인을 담당하는 CSS나 동적 요소를 담당하는 Javascript를 배우기 위해선기본 구조를 담당하는 HTML을 먼저 공부할 필요가 있다. HTML 단어 뜻 HTML은 Hyper Text Markup Language의 약어이며, 웹 문서를 만들기 위하여 사용하는 기본적인 프로그래밍 언어이다.Hyper Text란 우리가 문서를 작성할 때 가끔 보이는 링크를 생각하면 쉽다. 링크를 누르면 해당 페이지로 넘어가는데, 이렇게 웹 페이지에서 다른 페이지로 이동할 수 있도록 하는 것이 HyperText다. 웹 페이지란? 웹 페이지(Web Page)는 월드 와이드 웹(World W.. 2023. 9. 15.