본문 바로가기

전체 글400

웹 퍼블리싱 시작하기 : 오픈그래프로 소셜 공유 미리보기 만들기 Open Graph Protocol https://ogp.me/ Open Graph protocol The Open Graph protocol enables any web page to become a rich object in a social graph. ogp.me Facebook Object Debugger https://developers.facebook.com/tools/debug/ 공유 디버거 - Meta for Developers 공유 디버거를 사용하면 Facebook에 공유될 때 콘텐츠가 표시되는 모습을 미리 보거나 오픈 그래프 태그를 사용하여 문제를 디버깅할 수 있습니다. 이 도구를 사용하려면 Facebook에 로그인하세요. developers.facebook.com 2023. 8. 27.
웹 퍼블리싱 시작하기 : CSS 기본 문법 style 속성 태그에 CSS를 적용하려면 style이라는 속성을 사용함 ... CSS 속성과 CSS 속성 값 CSS 코드를 추가할 때는 CSS 속성 : CSS 속성값 형태로 적음 ... 여러 개의 CSS 속성 사용하기 여러 개의 CSS 속성을 사용할 때는 세미콜론(;)으로 구분함 ... CSS 기본 단위 색 이름 red, green, yellow처럼 색상으로 이름을 사용하는 방식 다양한 색을 표현하는데 한계가 있기 때문에 거의 사용하지 않음 CSS 이름 목록 : https://www.w3.org/wiki/CSS/Properties/color/keywords CSS/Properties/color/keywords - W3C Wiki Color keywords Basic Colors Named Numeric.. 2023. 8. 27.
웹 퍼블리싱 시작하기 : HTML 코드를 편하게 입력하는 법 ! 입력 후 Enter(or Tab) 인터넷 익스플로러에서 최신 표준 모드로 보여주는 코드 모바일 기기에서 보여줄 비율을 조정하는 코드 2023. 8. 25.
웹 퍼블리싱 시작하기 : HTML 문법 정리 기본 문법 태그(Tag) HTML에서 태그는 꺾쇠를 사용하는 문법임 일반적으로 시작 태그와 종료 태그로 내용을 감쌈 시작 태그는 형태로 쓰고 종료 태그는 으로 씀 위와 같은 이미지 코드도 올바른 문법임 속성 시작 태그에 속성 이름="속성 값" 형태로 사용하는 문법임 태그의 속성을 저함 HTML 파일의 기본 구조 맨 윗줄에는 이 파일이 HTML 문법을 쓴다는 걸 알려주는 코드가 들어감 = 그 아래로는 크게 태그로 감싼 다음에, 인코딩 정하기 한글을 지원하는 인코딩인 UTF-8을 사용하도록 정하는 코드 태그를 사용해서 제목 제목(Heading)은 제일 큰 것부터 작은 것까지 , , ..., 태그를 사용할 수 있음 단락 단락(Paragraph)은 태그로 감싸면 됨 줄바꿈 HTML은 기본적으로 문장들을 이어서 .. 2023. 8. 25.
웹 퍼블리싱 시작하기 : HTML 꺾쇠 기호 넣는 법 꺾쇠로 글자를 입력하고 싶을 때는 꺾쇠를 그대로 쓰는 게 아니라, 이렇게 입력해야 함 HTML 파일을 작성하려면 DOCTYPE, , , ... 적어야 할 것이 참 많습니다. 이럴때 유용하게 쓸 수 있는 기능이 있는데요. VS Code에서는 !(느낌표)를 입력하고 Tab 키나 Enter 키를 누르면 HTML 코드를 한번에 입력할 수 있답니다! 2023. 8. 25.
웹 퍼블리싱 시작하기 : 수업 소개 https://64e6fb5627e0cb4a7836ffb1--amazing-faloodeh-9f2a32.netlify.app/ https://64e6fb5627e0cb4a7836ffb1--amazing-faloodeh-9f2a32.netlify.app/ 64e6fb5627e0cb4a7836ffb1--amazing-faloodeh-9f2a32.netlify.app Netlify를 사용하여 HTML 배포하기 2023. 8. 24.

티스토리툴바