!DOCTYPE HTML - 웹 브라우저에게 html 버전을 알려주는 역할(자동으로 html5 버전으로 인식한다)태그 사용 방법<태그> 내용 </태그>웹 사이트의 제목을 표시머리말을 표시하는 태그로서 heading의 줄임말이다.숫자가 작을 수록 글씨의 크기가
html 코드 작성시 무조건 사용할 필요는 없음(하지만 코드를 깔끔하게 정리하기 위해 사용할 예정)(target="\_blank" - 링크된 페이지로 넘어 갈때 새 페이지로 이동'가고싶은 주소' 자리에 링크를 걸고 싶은 html 파일을 넣어주면 된다.img src="링
직관적으로 다 적어 주는 방법ex) padding-bottom: 20px; padding-top: 20px; padding-right: 16px; padding-left:16px;top부터 시계방향으로 적어주면 된다.ex) padding: 20px 25
background-image: url("주소")background-repeat: 옵션사진을 넣고 남은 여백에 대해서 사진으로 반복시킬 것인지, 아닌지 반복한다면 어떤 방식으로 반복시킬 것인지 정해주는 속성입니다.background-repeat: no-repeat :
화면의 크기에 따라 구성이 자동을 반응해서 변하는 태그@media(min-width: 772px){ h1{ font-size: 36px;} } 가로의 길이가 773px이상이 될 경우 자동으로 폰트 사이즈가36px로 변경 출처 codit(웹퍼블리싱
검색엔진은 로봇이라는 프로그램을 이용해, 매일 전세계의 웹사이트를 수집하는 크롤링을 실시하고 그 정보를 인터넷 이용자가 알기 쉽도록 인덱싱을 실시한는데 그때 컴퓨터가 읽는 정보가 시멘틱요소이다. 다시 말해 시멘틱요소를 사용해 잘 만들어 놓은 웹페이지 일 수록 콘텐츠의
position(static, relative, absolute, fixed) 말 그대로 요소의 포지션, 위치를 잡고자 할때 사용한다. 1. position: static; 가장 기본이 되는 요소의 위치 표현이다. 효과를 부여하지 않으면 가지게 되는 position