HTML4 프리티어 설치법 프리티어 설치법 프리티어는 저장 시 자동으로 코드를 정렬 시켜주는 vscode 확장 프로그램 입니다. Step1. 설치 vscode의 확장 프로그램 설치창에 가서 prettier을 검색해 해당 확장 프로그램을 설치합니다. Step2. 설정 preference > setting에서 f1을 누른 후 "editor format on save"를 검색합니다 검색 후 위의 사진처럼 Editor: format on save가 나오면 체크박스에 체크합니다. Step3. 사용법 자 설치가 끝났습니다. 저장 단축키 ctr + s 를 누르면 자동으로 코드가 정렬이 됩니다. Step4. 안될 때 적용이 안될 시 다시 setting에서 f1을 누른 후 "json"을 검색하면 "Edit in setting.json"의 링크가 .. 2022. 9. 5. 블록/인라인 구조 블록 구조/ 인라인 구조 블록 구조 블록 요소는 기본적으로 줄 바꿈이 일어나는 형태로 영역의 너비가 상위 영역의 전체 너비만큼 만들어지는 형태입니다. 블록 요소에는 일부를 제외한 블록 요소를 포함하고, 인라인 요소까지 포함 가능합니다. 인라인 구조 인라인 요소는 글자와 같이 옆으로 나열되는 형태로 줄 바꿈이 일어나지 않는 요소입니다. 인라인은 안의 글자와 같은 내용 길이에 맞게 크기를 차지하는 성질이 있으며, width, height, margin(top,bottom) 등 box관련 속성이 적용이 안됩니다. 인라인-블록 구조 옆으로 나열되는 성격을 가진 인라인 속성과 폭을 가지는 스타일이 모두 적용되는 블록 속성 두 가지 모두의 성질을 가진 구조입니다. ▶ 블록 구조를 갖는 태그 div, p, h1~h6.. 2022. 8. 22. 구조관련요소 구조 관련 요소 HTML의 구조를 나타내는 요소입니다. Semantic Web 시맨틱 웹이란 웹에 존재하는 수많은 웹페이지들에 메타데이터(Metadata)를 부여하여, 기존의 잡다한 데이터 집합이었던 웹페이지를 '의미'와 '관련성'을 가지는 거대한 데이터베이스로 구축하고자 하는 방식입니다. 요소 유형 태그명 태그의 의미 및 특징 블록 레벨 요소 1. HTML 문서의 헤더 영역을 의미하는 태그로 제목이나 네비게이션, 검색 등의 내용들을 포함할 수 있습니다. 2. 텍스트, 인라인 요소, 블록 레벨 요소를 포함할 수 있지만 , 태그는 포함할 수 없습니다. 1. HTML 문서에서 맥락이 같은 요소들을 주제별로 그룹화해주는 태그이며 섹션주제에 대한 제목 요소(~)를 포함하는 것이 좋습니다. 2. 텍스트, 인라인 .. 2022. 8. 15. 웹 표준 편 웹 표준(Web Standards) 브라우저 종류 및 버전에 따른 기능 차이에 대하여 호환이 가능하도록 제시된 표준으로, 표준화 단체인 W3C가 권고한 표준안에 따라 웹사이트를 작성할 때 이용하는 HTML, CSS, JavaScript 등에 대한 규정이 담겨 있습니다. 1. 웹 표준에 대해서 여러 기종 혹은 플랫폼에 따라 달리 구현되는 기술을 동일하게 구현함과 동시에 어느 한쪽에 최적화되어 치우치지 않도록 공통요소를 사용하여 웹 페이지를 제작하는 기법을 의미하며, 웹 표준의 궁극적인 목적은 웹사이트에 접속한 사용자가 어떠한 운영체제나 브라우저를 사용하더라도 동일한 결과를 보이게 하는 것입니다. 1-1. 웹 표준을 준수하는 이유 국내 웹의 현실은 특정 브라우저와 사용자 등의 이용환경과 비표준 페이지 및 과.. 2022. 8. 9. 이전 1 다음
