웹 스터디16 [CSS] 웹 프로젝트 5일차! (CSS의 기본 문법 & margin) 오늘은 CSS를 처음 배우는 날이다. CSS를 HTML에 적용하는 방법부터 기본 문법, 특징까지 차근차근 배워 보았다. CSS를 HTML에 적용하는 방법) 1) HTML script 자체에 적용하는 방법 style 태그 안에 CSS 코드를 작성하면 된다. 2) CSS script를 HTML 파일에 적용하는 방법 link 태그를 사용해서 style.css란 만들어놓은 css파일을 html파일에 연결해주면 된다. 기본 문법) selector { property: value; } "selector에 value 값의 property를 적용한다."라고 이해하면 편하당ㅎㅎ {} 는 스타일 범위의 시작을 의미한다. ex) h1 { color: blue; font-size: 20px; } 이런식으로 적용하면 된다!! .. 2021. 7. 10. [HTML] 웹 프로젝트 4일차! - 간단한 profile 웹 만들기!! 오늘은 HTML강좌가 끝난 기념으로 간단한 profile 웹을 만들어 보았다!!! 예에에에엥~~~! lable과 input을 사용해 text 입력칸, 파일 입력칸, range입력칸, 날짜 입력칸을 만들고 마지막에 Create 버튼으로 마무리 해 보았다!!! 코드) 2021. 7. 8. [HTML] 웹 프로젝트 3일차! (기본 structure & label) 오늘은 3일차 HTML의 마지막 강의들을 보는 날이다. 오늘은 HTML의 기본 구조와 label 그리고 attributes들을 살펴보았다. 모든 태그와 attributes을 살펴볼 수 있는 사이트 https://developer.mozilla.org/ko/docs/Web/HTML HTML: Hypertext Markup Language | MDN HTML(HyperText Markup Language)은 웹을 이루는 가장 기초적인 구성 요소로, 웹 콘텐츠의 의미와 구조를 정의할 때 사용합니다. HTML 이외의 다른 기술은 일반적으로 웹 페이지의 모양/표현 (CSS), 또는 기 developer.mozilla.org HTML의 모든 태그와 속성들을 외울 필요 전혀XXX 필요할 때마다 찾아서 꺼내 쓰면 된다.. 2021. 7. 7. [HTML] 웹 프로젝트 2일차! ( tag & attributes ) TAG ) HTML을 구성하는 가장 문법적인 요소이며, 기본적인 형태는 이다. - 시작 태그 - 종료 태그 예시) 이런식으로 태그를 선언할 수 있다! 하지만 html안에서 이해할 수 없는 태그라면 태그명으로써 저장이 되긴하지만, 태그가 가지고 있는 특성이 웹사이트에 반영되지 않는다. 그렇다면 html이 이해할 수 있는 태그에는 무엇이 있을까? - , , , , , 문서의 정보 계층을 구조화하는 태그 -> 숫자가 낮을수록 더욱 중요한 제목임을 의미한다. - 밑줄을 쳐주는 태그 - -> unordered list 순서가 없는 리스트를 의미한다. - -> ordered list 순서가 있는 리스트를 의미한다. - -> list 리스트의 항목을 의미한다. 이런식으로 태그로 감싼 list 항목들은 점으로 표시되고.. 2021. 7. 6. 이전 1 2 3 다음
