전체 글

[HTML] 문자 콘텐츠

ordered list 정렬된 목록 . 순서가 필요한 목록. 순서가 중요도를 의미할 수 있다. 속성 type : 숫자,알파벳,로마자 등으로 정렬 가능 속성 reversed : 정렬번호를 역순으로 적용 속성 start : 지정한 시작번호에서부터 정렬 unordered list 정렬되지 않은 목록 . 순서가 필요하지 않은 목록 list item 항목 속성 value : 이하 항목들의 순서까지 지정한 시작번호로 정렬 ol+li / ul+li 조합으로 사용 ol과 ul은 자식으로 li 만 포함가능하고, li 단독으로 사용될 수 없다 예제 Apple Apple Banana Mango Banana Mango ul 태그를 ol 태그로 바꾸면 dictionary list 용어목록 쌍들의 영역 dl은 dt와 dd만 포함..

[HTML] 콘텐츠 구분

1. Body 태그 : 정보의 구조 : 소개나 탐색을 돕는 것의 그룹을 나타냄. ex) 로고나 메뉴 등 header안에 header/footer를 넣을 수 없음 address안에 header를 넣을 수 없음 : 가장 가까운 구획화 콘텐츠나 구획화 루트의 푸터 작성사 구획,저작권 데이터, 관련된 문서의 링크에 대한 정보를 포함 일반적으로 사이트 최하단에 있는 바. 주소,사업자 등의 사이트 정보 등이 적혀있다. footer 안에 header/footer를 넣을 수 없음 레이아웃에 태그를 의미에 맞게 사용하는 것이 좋다. ~ : 6단계의 문서 제목(목차)을 구현 크기가 다 다르게 지정되어있기는 하지만, 글자 크기를 우리가 모두 초기화한 후 명확하게 지정해놓고 써야한다. 구조를 나타내는 용도로 사용해야하지, 글..

[HTML] 메타데이터

기타 정보 표현 속성 charset : 문자 인코딩 방식. 속성 name : 클래스 이름 속성 content : 속성 http-equiv :http 프로토콜 연결방식 EUC-KR : 완성형 박 영 웅 이런식으로 완성된 글자 조합해서 한글자씩 찾는다. 완성된 조합이 없는 경우 한글이 깨지는 현상이 일어날 수 있다. UTF-8 : 조합형 (최신) ㅂ ㅏ ㄱ ㅇ ㅕ 조합할 수 있는 경우의 수만 있다면 대부분의 문장을 만들어 낼 수 있다. 외부에서 파일을 가져올 때 사용 필수속성 rel : relationship 관계설정 속성 href : hypertext-reference 파일경로 속성 type : MIME Type 필요에 따라 찾아서 사용, text/css 는 안써도 자동으로 적용 됨 https://deve..

[HTML] 블록 레벨 요소와 인라인 요소

1. 블록요소 - DIV, H1, P - 사용 가능한 최대 가로 너비를 사용한다. - 크기를 지정할 수 있다. - width:100%, heifht: 0; 로 시작 - 수직으로 쌓임 - margin, padding 위,아래,좌,우 사용 가능하다 - 레이아웃 2. 인라인 요소 - SPAN, IMG - 필요한 만큼의 너비를 사용한다. - 크기를 지정할 수 없다. - width:0 height:0; 로 시작 - 수평으로 쌓임 - margin, padding 위,아래는 사용을 할 수 없다. - TEXT

[VSCode] Beautify,Live Server 설치

단축키 활용을 편리하게 하기 위해 Beautify 플러그인 설치 Beautify selection에 대한 단축키 설정 Live Server 플러그인 설치 하단의 GoLive 버튼을 클릭하면 5500포트에 연결되었다는 알림이 뜨고, 작성한 html 코드가 적용된 화면이 브라우저에서 뜬다 Go Live를 다시 누르면 코드 수정 후 브라우저에 가도 내용이 반영 되지 않는다. +) 우클릭>Open with Live Server 을 해도 같은 기능.