DigIT의 DevLog & TechLog

[HTML&CSS] Semantic Web(의미론적인 웹) (※https://ko.wikipedia.org/wiki/시맨틱_웹 을 보고 정리해본 것으로 아닌 것 같으면 말씀해주세요!) →웹상의 Data(resources)의 의미를 인간과 컴퓨터 모두 잘 이해할 수 있게 하여 정보 그 자체로 존재하는 것이 아니라 추출, 해석, 가공 등의 다양한 처리를 가능하게 하는 것. Ex.(출처:https://ko.wikipedia.org/wiki/시맨틱_웹) HTML5에서는 시맨틱 웹을 쉽게 구성할 수 있도록 만들어주는 요소들이 추가되었는데, 기존에 내용 로만 나타낼수 있던 머리 부분을 내용 로 쉽게 더 의미론적으로 나타낼 수 있게 되었다. 이는 div와 id=header 모두 읽었던 예전 XHTML이나 HTML4보..

[HTML&CSS]이미지 1. 태그로 이미지 넣기 alt: 이미지가 불러올 수 없을 때(서버에서 이미지가 삭제됐거나 잘못된 이미지 주소일 때..), 이미지 대신 보여줄 텍스트 src: 이미지 파일 경로 혹은 이미지 url 주소 2. background-image로 이미지 넣기(CSS 이용) → background-image:url("http://~~~~) Macbook Pro HTML 삽입 미리보기할 수 없는 소스 cf.)background-size를 조절 안하면 이미지를 담는 영역인 .ex의 크기만 줄이고 배경이미지는 원본 크기로 나타남. HTML 삽입 미리보기할 수 없는 소스 cf.) width,height값을 안 주면 div태그의 경우,div 태그 내부에 있는 내용의 세로 크기("Macbook Pr..