카테고리 : Front-end/HTML why. P | 2022. 7. 9. 07:00
지난 시간까지 HTML의 기본구조와 Semantic Tag에 대해 공부했습니다. 이번에는 body 안에 글을 쓰기 위해 사용되는 태그에 대해 공부해보고 합니다. 우리가 한글이나 엑셀 등의 프로그램을 활용하여 글을 쓸 때를 생각해볼꼐요. 제목, 내용, 소제목, 내용을 반복하게 됩니다. 이중 중요하다고 생각되는 부분에는 굵게 표기하기도 하고 기울임을 사용하기도 합니다. 프로그램을 활용하면 버튼과 단축키로 해결되지만 HTML에서는 태그를 사용하여 작성되어야 합니다. HTML 글쓰기 위의 글을 위키백과의 HTML 관련 일부분을 발췌한 글입니다. 위의 글을 보고 heading Tag과 p 태그 등을 공부해 보도록 하겠습니다. 1. heading heading Tag는 ~ 까지 이루어져 있습니다. 위은 ~ 까지를 ..
카테고리 : Front-end/HTML why. P | 2022. 7. 7. 07:00
HTML은 HeyperText Markup Language로 Web page의 골격 역할을 합니다. 오늘 공부해볼 내용은 HTML의 구조는 어떻게 설정되며 이 구조 사이에서도 의미를 가지고 있는 Tag를 알아보고자 합니다. Semantic Tag(의미있는)를 사용하는 이유는 검색엔진에 최적화하기 위해서이기도 하고 개발자 간 확인이 쉽게 하기 위하여 사용하는 Tag를 말합니다. HTML 구조 HTML은 아래와 같은 구조로 만들어져 있습니다. See the Pen HTML구조 by Why Price (@why-price) on CodePen. 1. 선언문 선언문은 HTML 페이지의 첫번째 줄에 표시되어야 하며 문서에 사용되는 HTML의 버전과 예상되는 문서를 브라우저에 알려주는 역할을 합니다. 또한 호환성을..