웹 개발
-
[CSS] CSS 기본 문법웹 개발/HTML & CSS 2020. 6. 23. 01:08
내가 보려고 정리하는 CSS 기본 문법 https://heropy.blog/ 를 참고했습니다. 선택자 (Selector) css를 적용할 html의 특정 부분을 지정하는 사인(sign) 이다. 선택한 부분을 속성 (Properties)와 값(Value)로 설정할 수 있음 (속성 : 값) 예시1) 로 정의해놓은 부분에 css 적용 div { color : red; font-size : 20px; width : 300px; height : 200px; margin : 20px; padding : 10px 20px; position : absolute; } 예시2) h1 부분과 p 부분에 각각 색상에 대한 css를 적용 title content h1 { color:red; } p { color:blue; } ..
-
[HTML] HTML 기본 문법웹 개발/HTML & CSS 2020. 6. 20. 12:31
내가 보려고 정리하는 HTML 기본 문법 https://heropy.blog/ 를 참고했습니다. Element TAG 사이에 콘텐츠를 표시함 Content * TAG의 예시 제목 (h1~h6) 문단 줄바꿈 ordered list unordered list 하이퍼링크 ... Element 의미 확장 속성값 추가 (attribute) 예시1) 이미지 삽입 예시2) 분할 ohbox div는 아무런 의미를 가지지 않는 태그이지만 class 속성은 'ohbox'라는 컨텐츠를 name이라는 태그 별명으로 묶었다. Element 구조 특징 - 부모 자식 요소 태그 내의 콘텐츠에 태그를 삽입할 수 있다. 이럴 경우 두 태그의 관계를 서로 부모(상위, 조상)요소 자식(손주, 하위)요소라고 한다. - 빈 태그 (Empty..