HTML(5)
-
Meta Tag란?
Meta tag - og:image : 웹 페이지 정보를 알려주는 정보 - 웹페이지 정보를 알려주는 Metadata를 담은 tag - Meta tag 중에서 Open Graph 약자인 'og:' 를 이용. 미리보기 등에 사용된다. 위 뉴스링크 Meta Tag를 살펴보면 og : image og : title og : url 로 구성된 것을 확인할 수 있다.
2021.09.30 -
HTML 빠르게 핵심 익히기
1. HTML 태그 기본 문법 웹의 본질은 정보를 시각적으로 보여주는 것이다. 이때 HTML태그는 정보를 보여주는 역할을 한다. 이미지, 텍스트, 비디오, 입력창 등의 개별 정보는 전부 HTML로부터 만들어진다고 보면 된다. 위 정보들을 HTML 언어로 표시하기 위해서는 태그/속성/콘텐츠를 이해해야 한다. 1. 기본 형식 : 콘텐츠 Hello 2. 속성이 있으면 콘텐츠 Naver 3. 태그 안에 또 태그를 넣는다면 Hello everyone! *HTML에서 주석을 사용하려면 2. HTML로 웹 기본 구성 짜기 html 태그가 가장 밖에서 사용되며 그 안에 head, body 태그가 사용된다. head태그는 콘텐츠를 보여주는 것이외의 모든 설정 태그를 넣는다. body태그는 실제로 화면을 구성하는 태그를 ..
2021.01.27 -
지도 위에 마커 생성하기
기존에 지도 중심으로 지정되어 있던 네이버 그린팩토리의 위도, 경도를 이용하여 마커를 생성해본다. 다음은 CSS 배경색, 투명도, 높이, 길이 설정해주고. border-radius는 원으로 만들기 위한 것! 결과물
2020.10.06 -
지도 위에 배너 만들기
지도 위 배너에 아래와 같이 나타내려고 한다. 현재 날짜 2020.10.03 이제 CSS 입히기~ 흰색 배경 박스, 글자 중간 정렬로 나타내기 #infoBox { position: absolute; top : 100px; z-index : 10000; background : white; left : 20px; padding : 15px; border : ; border-radius: 4px; text-align : center; } 현재날짜도 Bold값으로 나타내기 #intoTitle { font-size font-weight }
2020.10.03 -
지도 CSS 적용해보기
#style.css body { padding: 0px !important; margin : 0px !important; } !important : 강제로 전체적용 시키는 것 지도를 전체화면으로 적용시키기 위해 height:100vh으로 설정!
2020.10.03