::public/HTML & CSS(SCSS)40 HTML - 요소(Elements & Attributes) 총정리 [출처] heropy.blog/2019/05/26/html-elements/ 한눈에 보는 HTML 요소(Elements & Attributes) 총정리 인터넷에 검색 가능한 많은 HTML 문서들의 내용을 요소(Elements), 속성(Attributes)의 개념으로 핵심적인 내용들만 요약해서 정리했습니다. 각 요소들의 자세한 설명은 패스트캠퍼스 온라인 강의(online heropy.blog 2021. 3. 22. HTML - 블록 레벨(block level) 요소와 인라인(inline) 요소 1. 블록 요소 - div, h1, p - 사용 가능한 최대 가로 너비를 사용한다. - 크기를 지정할 수 있다. - width: 100%; height: 0; 으로 시작한다. - 수직으로 쌓인다. - margin, padding 위/아래/좌/우 사용 가능하다. 2. 인라인 요소 - span, img - 필요한 만큼의 너비를 사용한다. - 크기를 지정할 수 없다. - width: 0; height: 0; 으로 시작한다. - 수평으로 쌓인다. - margin, padding 위/아래는 사용 불가능하다. - display: block; 를 사용해 블록 요소처럼 사용 가능하다. 2021. 3. 19. HTML&CSS // 기본 형태 CONTENT // 속성(Attributes)과 값(Value) ex. 이름 // 부모와 자식 요소 ex. 과일 목록 사과 딸기 바나나 오렌지 // 빈 태그(한가지만 사용하기) // HTML 문서의 범위 문서의 정보 문서의 구조 ex. // 웹 페이지의 제목 내 사이트 // LINK(CSS 불러오기) // SCRIPT(JS 불러오거나 작성하기) Colored by Color Scripter cs [출처] heropy.blog/2019/04/24/html-css-starter/ 2021. 3. 18. 기본 환경 설정 에디터 : VisualStudio Code(https://code.visualstudio.com/) - 확장 기능 = Korean Language Pack for Visual Studio Code(메뉴 한국어 변경) = Beautify(코드 가독성) = Live Server(로컬에서 라이브로 작업 확인) = Auto Rename Tag(태그 자동 설정) = SettingSync(환경설정 동기화/[참고]blog.naver.com/tex02/221934262888/) 2021. 3. 18. 이전 1 ··· 4 5 6 7 다음