본문 바로가기

HTML35

HTML 주석 처리: 코드에 숨겨진 메시지를 알려주는 <!-- --> 태그 주석 처리 TAG란? HTML 주석처리는 개발자가 코드에 메모나 설명을 추가하는 기능입니다. 실행되지는 않지만 코멘트를 달아둘 수 있는 유용한 기능입니다. 사용법 태그는 단독 태그입니다 코멘트는 사이에 입력합니다 [TIP] VS CODE와 같은 개발도구 등에서 CTRL + / 를 누르면 바로 주석처리 됩니다. 코드작성 로그인 영역 결과확인 See the Pen Untitled by 40's Programmer (@40sProgrammer) on CodePen. 왜 주석처리를 해야 하나? 사람은 망각의 동물입니다. 때문에 본인이 짜 놓은 소스도 시간이 지나서 보면 생소합니다. 다른 사람의 소스는 오죽할까요? 다른 사람, 미래에 다른 사람처럼 행동할 나를 위해 코드에 대한 정보를 전달하기 위해서라도 주석은 .. 2023. 5. 28.
HTML P 태그, 글을 구조화하고 가독성을 높이는 도구 P 태그란? 단락(paragraph)을 정의하는 데 사용됩니다. 태그는 텍스트를 단락으로 구분하며, 글을 작성할 때 각각의 문장과 문단은 구분하여 표시하는데 필요합니다, 사용법 TEXT P 태그 사이에 원하는 텍스트 작성하기 코드 작성 여기에 내용을 작성합니다. 결과 확인 왜 P 태그를 써야 하나? 태그를 사용하여 단락을 정의하면 다음과 같은 이점이 있습니다 텍스트의 구조를 검색 엔진이 내용을 이해하고 색인화하는 데 도움을 줍니다. 단락의 전후에 여백이 적용되어 가독성을 향상시킵니다. 태그는 글 작성에 필요요소입니다. See the Pen P TAG by 40's Programmer (@40sProgrammer) on CodePen. 위의 화면은 텍스트를 P태그로 감싼 경우와 감싸지 않은 경우인데요. 보.. 2023. 5. 28.
HTML 문서 제목을 만드는 H 태그, SEO 최적화 필수 태그 H 태그란? 제목(heading)을 정의하는 데 사용되는 태그입니다. h 태그는 웹 페이지의 구조를 형성하고 제목과 하위 제목을 표시합니다. h 태그는 h1부터 h6까지 6가지가 있습니다. h1은 가장 큰 제목을 나타내며, h6은 가장 작은 제목을 나타냅니다. 사용법 TEXT H1에서 H6 사이 제목 수준을 정하고 태그를 열고 닫기 태그 사이에 원하는 텍스트 작성하기 코드 작성 Heading 1 Heading 2 Heading 3 Heading 4 Heading 5 Heading 6 결과 확인 See the Pen H tag by 40's Programmer (@40sProgrammer) on CodePen. 왜 H 태그를 써야 하나? 웹페이지를 만드는 이유는 다른 사람들에게 공유하기 위함입니다. 때문에.. 2023. 5. 27.