HTML / CSS

<src> 속성필수!!! 포함하고자 하는 이미지로의 경로 지정<alt> 속성 이미지의 텍스트 설명 스크린리더에서 사용 이미지를 표시할 수 없을 때 속성의 값을 대신 보여줌.<width>, <height> 속성숫자로만 입력width만 따로 지정해도

<ol>정렬된 목록보통 숫자 목록으로 표현type 속성 사용해 숫자, 영문, 로마자로 설정 가능reversed 속성으로 숫자나 영문 등을 역전시킬 수 있음start 속성으로 시작하는 순서를 변경 가능(li에 value를 줘도 같음)<ul>비정렬 목록깊이에 따

`` > - 순수 컨테이너로서 아무것도 표현하지 않음. 다른 요소 여럿을 묶어 꾸미기 쉽도록 도움. 전역 속성 블록 컨테이너 `` > - ``와 똑같은 의미 구문 컨텐츠를 위한 인라인 컨테이너(텍스트 꾸밀 떄 많이 사용) 시멘틱 웹 > 위 두 코드의 결과는 똑

제목 - ~ > - 제목 단계를 건너뛰지 말도록! 언제나 ``으로 시작해서, 순차적으로 기입 글씨 크기를 위해 사용하지 않도록 한다. CSS의 font-size 속성 사용 본문 - `` > - 하나의 문단을 나타냄. 블록 레벨 요소 여백이 필요하다면 빈 ``요

태그란? ex) 태그 공부 : 여는 태그 : 닫는 태그 태그 공부 : 내용(content) 전체를 통틀어 요소라고 부름. 태그의 경우 대소문자를 구분하진 않지만, HTML5에서는 모두 소문자로 작성 권장!! why? 가독성 빈 요소란? 내용이 없는

좋아하는 영화option 처음꺼에서 value에 빈 문자열을 넣지 않으면 제출이 가능해짐...selected를 통해 다른 옵션을 골라도 새로고침하면 주토피아로 고정됨optgroup으로 나눌 수 있음(예를 들면 장르를 구분하고 싶을 때)좋아하는 영화:

메타데이터데이터를 설명하는 데이터탭 제목 정의단순한 단어 나열하면 알고리즘이 결과에서 순서를 내림..문서 정보 name속성을 사용한다면 content속성도 같이 사용뷰포트현재 문서와 외부 리소스를 연결할 때 사용파일 경로를 해석하지 못하는 경우를 위해 타입 명시해주는

id고유식별자(문서 전체에서 유일해야함)id 특성의 값이 공백을 포함해서는 안됨시작할 때 영어 소문자로 시작class유일할 필요 없음하나의 요소가 여러개의 클래스를 가질 수 있음ex) <div class="hi hello">안녕하세요.</div>하나의 요소에

정말 간단하지만 많이들 놓치고 있는 부분이다.1번은 label에 id가 연결되지 않은 경우2번은 label에 id가 연결된 경우위에 체크박스 부분에서 귤이라는 글자를 눌러보면 알 것이다.1번은 귤이라는 글자를 눌러도 체크박스의 변화가 없다.2번은 귤이라는 글자를 눌러도

Type, Class, ID Type Selector 전체 웹페이지에서 일관적으로 적용해야 하는 스타일이 있을 때 사용 보통 상단에 작성함 /* Type Selector */ h2 { color: purple; } h3

동일한 스타일이라도 선언된 곳에 따라 우선순위가 정해진다.(브라우저에 의해 정의 < 개발자가 선언한 것 < 사용자가 구성한 것)적용 범위가 적을 수록 우선시 된다.(tag스타일 < class 스타일 < id 스타일 < 인라인 스타일)소스코드의

이렇게 적용하면 100x100사이즈의 박스 내부에 padding이 20px씩 들어가겠지??했는데..... 뭐야 왜 안되는거야??????? 왜 다른데... 달라지니까 매번 width와 height값을 수정할 수도 없는거고... 왜... 내가 원한대로 설정이 안된걸까?

mt10 : margin-top: 10px;pb10 : padding-bottom: 10px;w100 : width: 100px;h100p: height: 100%;bd: border: 1px solid - bgc: background-color: - fsz10: f

갑작스럽게 html 파일이 live server로 열었을 때 error가 떠서 의아했다.정말 아무것도 작성하지 않고 head body 정도만 넣어놔서 빈 문서나 다름없었는데 갑자기 에러가...????cmd ipconfig로 ip를 알아내어 live server에 ip를

이미지를 넣는 방법은 아래 두 가지 방법이 있다.HTML의 img 태그 사용 CSS의 background-image를 사용하여 img 넣는 방법두 방법의 차이점은 무엇일까??이 차이점을 이해하기 위해서는 Semantic Web과 Semantic Tag에 대한 이해가 있