반응형 전체 글260 [HTML] 오픈 그래프 처음에 ‘오픈 그래프’라는 단어를 들었을 때, 그래프 관련 내용인 줄 알았는데, 뜬금없이 SNS로 홈페이지 링크 보낼 때 이쁘게 보여지는게 오픈 그래프라네;;; 오픈그래프 Open Graph 콘텐츠의 요약내용이 SNS에 게시되는데 최적화되도록 설정하는 것 이런거다;;; 어떤가? '오픈 그래프'라는 단어만 듣고 상상이 가는가? 사용되는 코드는 하기와 같다. Naver 블로그, 카카오톡 미리보기 설정 트위터 미리보기 설정 모바일 앱 미리보기 설정 모바일 앱이 존재하는 경우 앱으로 연결 시 노출 2023. 10. 11. [HTML] 필수 HTML 코드 정리 코딩을 하는데 있어 가장 중요한 것은 자신만의 코딩 작성 능력을 가지는 것이라고 생각한다. 솔직히 그 많은 코딩 문법 쓰지도 않고, 자주 쓰는 애들만 쓰게 된다. 그런 김에 HTML도 자주 사용하는 것 위주로 정리해 보려고 한다. : html 문서의 시작. 어떤 html버전인지 웹 브라우저에게 알려주는 역할을 한다. html5에서는 안 써도 된다고 하는데, 우선은 쓰도록 하자. ~ : html태그. 이 안에다 html문을 쓴다. 한국어로 된 홈페이지 만들 때, 이 곳에 lang=”ko”를 써서 한국어 사용을 알린다. 우리나라에서는 거의 필수적. & ~ : 사실 이 두가지가 좀 헷갈렸다. 그냥 head는 홈페이지 메인 화면 외적인 부분에 쓴다고 알면 된다. 홈페이지명, 문자 style, jsp나 css파일.. 2023. 10. 11. [CSS] nth-child & nth-of-type [html] 지금 가입하면, 배송비 무료 쿠폰 증정!!! 로그인 회원가입 [css] @charset "EUC-KR"; body{ margin : 0px; padding: 0px; } a{ text-decoration-line: none; } .event{ background-color: green; height: 50px; color: white; text-align: center; /*가로만 가운데가 상태가 된다*/ line-height: 40px; /*세로 가운데 정렬 설정한다*/ cursor: pointer; } .inner{ background-color: orange; width: 1300px; margin: auto; position: relative; } .inner img:nth-child.. 2023. 9. 17. [CSS] <li> 리스트의 점 없애기 로그인 회원가입 .up_menu{ position: absolute; top: 10px; right: 0; display: flex; list-style-type:none; } up_menu 클래스에 list-style-type:none; 문구를 추가한다. 2023. 9. 17. 이전 1 ··· 59 60 61 62 63 64 65 다음 반응형
