HTML
-
[3회차] HTML-②HTML 2021. 5. 31. 07:34
강의명 : 오픈프레임워크 활용 디지털융합 SW엔지니어 양성 과정 강의날짜 : 21.05.25 1. block레벨과 inline레벨 block레벨은 자체 박스, 여백, 자체 새 줄(new line)을 만들면서 실행한다. inline은 자체 새 줄로 시작하지 않는다. 그리고 inline레벨은 block레벨을 감쌀 수 없다. 이 둘의 너비는 100%로 모바일 최적화 상태이다. 즉, 창 크기에 따라 너비가 저절로 그 창에 맞춰 조절된다. 사진이나 글자는 inline 레벨로 한글은 한 글자 단위, 영어는 단어 단위로 조절된다. Block 레벨 ul, dd, div, li, ... Inline 레벨 a, br, span, tt, ... *div와 span non-semantic이다. 즉, 속성을 가지고 있지 않는다..
-
[2회차] CSSHTML 2021. 5. 29. 21:16
강의명 : 오픈프레임워크 활용 디지털융합 SW엔지니어 양성 과정 강의 날짜 : 21.05.24 스타일을 기술하는 방법 ① html 문서 내 포함된 방식(Internal 방식) : head 구역에 들어간 경우 html tag 규격을 지켜야 한다. display 눈에 보이는 디자인, 사이즈 등등을 표현할 때, css로 기술한다. 뼈대는 html이지만 스타일을 씌우는 것은 css이다. 1. css의 구조 selector 설명 #id명 해당 id를 가진 개체를 호명할 때 .class명 해당 class명을 가진 개체를 호명할 때 * all css는 기본 설정을 고치려고 온 것이다. 즉, style을 재정의 하는 것이다! html을 하나의 사람으로 본다면 css는 이 html의 스타일을 바꿔주는 것이다. 2. 예제..
-
[1회차] HTML-①HTML 2021. 5. 29. 21:08
강의명 : 오픈프레임워크 활용 디지털융합 SW엔지니어 양성 과정 강의 날짜 : 21.05.24 * 기본 구조 contents 아무리 짧아도 기본 구조는 지켜줘야 한다. tag name은 동일해야 하며 '/'은 끝을 알리는 예약 문자이다. : tag 괄호, 괄호 안에 공백이 들어갈 수는 없다. JAVA가 이것을 보고 제네릭 괄호를 만들어냈다. 즉, JAVA보다 HTML이 먼저!! 1. 웹 브라우저 시스템에게 DOCTYPE(=페이지)는 html이라고 선언! 이라는 의미이다. html은 not case sensitive이다. 즉, 대소문자 구분이 존재하지 않는다. 하지만 보통 소문자로 많이 표기를 한다. css도 마찬가지로 소문자로 많이 표기한다. html은 5버전 이상이어야 모바일 최적화로 서버, 애..