Tech Log 🛠️

HTML 기초 개념 HTML5 페이지의 필수 태그 - html 태그 정의 이전에 선언 - html 문서임을 브라우저에게 알려준다. ,,, - html 의 필수 태그들 - 시작 태그와 종료 태그가 모두 있어야한다. 반면 시작 태그만 있는 태그들도 있다. ex) , *태그와 속성은 대소문자 구분이 없다! *불필요한 공백을 넣지 말자 블록 태그와 인라인 태그 블록 태그란, 항상 새 라인에서 시작하는 태그를 의미한다. ex) ,,, 인라인 태그란 , 앞 뒤 태그의 내용을 같은 라인에 출력한다. ex),,, * 와 는 똑같이 블록 태그이지만 사용 목적이 다르다. 태그는 문자 단락을 구분하는 용도이고 , div는 레이아웃 계층 나누기 용도이다. 메타데이터 메타데이터란 , 데이터를 설명하는 데이터이다. ex) - 웹..

임베디드 IOT 수업 중 진행 된 실습 내용을 기반으로 제작하였습니다. (참고자료 : 명품 HTML5+CSS3+Javascript 웹 프로그래밍, 생능출판사) 1.CSS 를 이용한 리스트 페이지 제작 - CSS 의 hover 속성과 first-letter 속성을 이용하여 리스트 페이지를 제작 hover : 마우스를 올렸을 때의 속성을 설정. (CSS 리스트에 마우스를 올렸을 경우 초록색으로 변함) first-letter : 첫 번째 글자만 속성을 적용. 더보기 코드 Web Programming 2학기 학습내용 HTML5 CSS JAVASCRIPT 60점 이하는 F! 2.텍스트와 박스에 shadow 속성 적용 - text - shadow ex) text-shadow2px 2px 10px black box ..

임베디드 IOT 수업 중 진행 된 실습 내용을 기반으로 제작하였습니다. (참고자료 : 명품 HTML5+CSS3+Javascript 웹 프로그래밍, 생능출판사) 1. 버튼 페이지 코드 더보기 DOCTYPE html> 버튼을 만들자 버튼을 만들자 &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp 2. 시맨틱 태그 구분 페이지 코드 더보기 DOCTYPE html> HTML5 문서 구조 시맨틱 태그 사용 html, body { margin: 0; padding: 0; height: 100%; } /* html , body 태그에 속성 css 속성 적용 margin : 0 -> 테두리와 요소 사이 간격 설정 , 0이므로 간격 없음 padding : 0 -> 테두리와 내용 사이 간격 설정, 0이므로 ..