목차와 메뉴 구성을 위해 사용하거나, 그 외 웹 페이지의 다양한 곳에서 사용할 수 있다. 목록 생성에 사용할 수 있는 태그는 ul, ol, dl 태그가 있다. ul 태그 ul 태그는 (unordered list) 비순서형 목록 생성 시 사용된다. 목록 아래 내용은 li(list item) 태그로 구성된다. 인기 프로그래밍 언어 Javascript Python Go ol 태그 ol 태그는 (ordered list) 순서형목록 생성 시 사용되며, ul 태그와 같이 li 태그를 사용한다. 인기 프로그래밍 언어 Javascript Python Go dl 태그 dl 태그는 (description list) 정의형 목록 생성 시 사용되며, 용어와 용어 설명을 나열할때 사용한다. dl 태그 생성 시 li 태그 대신 ..

주석은 실행결과(웹 브라우저)에는 표시되지 않지만, 코드에 메모 및 설명 작성 시 사용한다. 나의 첫 번째 웹 페이지 사용 형식 html의 문서는 반드시 1개의 title택을 사용해주어야 한다. 웹사이트에서 제목이 중복된 문서가 여러 개 발견된다면 검색 엔진의 신뢰성이 떨어진다고 판단, 노출에 불이익을 주기 때문이다. 또한 주석 사용시 웹 브라우저에는 아무것도 표시되지 않지만, 웹 브라우저 소스 보기로 주석 내용을 확인할 수 있으므로 중요 내용은 적지 않아야 한다.

VS code로 HTML 코드를 작성하다 태그를 변경해야 할 경우 뒤에 태그까지 일일이 변경해주어야 하는 번거로운 부분이 있다. "Auto Rename Tag"는 이런 번거로운 부분을 해결해준다. 확장 프로그램 설치 1. Code 툴 내에서 적용 가능한 프로그램을 설치할 수 있는 확장 프로그램 마켓이 있다. 접근 방법은 단축키(Ctrl+Shift+X)또는 메뉴에서 클릭 가능하다. 2. "Auto Rename Tag"를 검색해주자. 3. "Auto Rename Tag" 검색 후, 설치를 눌러 준비를 완료해주자. Rename Tag를 적용 후 태그를 변경하게 되면, 변경한 태그가 자동으로 변경되는 것을 볼 수 있다. 확장 프로그램 기능 사용을 원치 않거나, 제거하고 싶다면 다음과 같이 사용 안함 또는 제거해..

My First Website My First Page I love HTML! 안녕 세상! Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. html 코딩시 인코딩 과정에서 한글이 깨져 출력되는 경우가 있다. 파일의 인코딩 방식과 웹브라우저가 사용하는 인코딩 방식이 서로 달라서 나타나며, 하나의 인코딩 방식으로 통일해야 하며, 항상 언어 설정을 해주어야 한다. 한국에서 사용되는 인코딩 방식으론 euc-kr, UTF-8 방식이 있다. 한글 깨짐 해결법 HTML5, 태그 안에 삽입해 페이지의 언어셋이 UTF-8임을 브라우저에게 알린다.

html: 내용 CSS: "스타일링을 담당함" 원하는 제목 My First Page I love HTML Your time is limited, so dont't waste it living someone else's life. 원하는 제목 ~ 태그 My First page I love HTML! Hello World! ~ ~ ~ 태그 Your time is limited, so dont't waste it living someone else's life. 입력 후 실행>디버깅 시작>자주 사용하는 크롬 웹사이트로 디버깅 결과값 확인 가능하다.