Programming/HTMLCSS (6) 썸네일형 리스트형 Foodforest 홈페이지 및 로그인 페이지 index.html FoodForest Home Recipes Gardening Login Be healthy with Natural Recipes. Recipes with purpose and to take you to the another level. Healthy Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt quas aliquam, placeat necessitatibus aliquid facilis atque explicabo rem? Commodi nulla saepe perspiciatis qui, autem praesentium cum doloribus eum illo sunt. Healthy Lorem ipsum dolor .. Xml 파일이란 무엇인가? XML eXtensible Markup Language 확장될 수 있는 표시언어 정도로 해석할 수 있다. HTML과 비슷한데, XML 태그 파일의 차이점은 제공된 태그만 사용할 수 있는 HTML 파일과 다르게 사전에 정의된 마크업언어가 없고, XML을 통해 사용자가 컨텐츠를 설명하는 고유한 마크업 심볼을 만들어서 무제한의 자체 정의 심볼 세트를 만들 수 있다. HTML은 컨텐츠의 프레젠테이션에 중점을 두는 언어 XML은 데이터를 저장하는데 사용되는 전용 데이터 설명 언어이다. - RSS와 ATOM은 모두 리더 앱이 웹 피드를 처리하는 방법을 설명한다. - Microsoft .NET은 구성 파일에 XML을 사용한다. - Microsoft Office 2007 이상은 XML을 문서 구조의 기초로 사용합니다... HTML CSS 로 사이트 만들기 HTML CSS - HTML is the Skeleton of body - CSS is the flesh of the body. - css 대신 scss를 사용하면 알아서 코드를 연결시켜주는 기능이 있다. - HTML 과 CSS로 일을 할 때, 처음 필요한 것은 디자인 mock up이다. - top down으로 생각하는 것이다. -div태그는 레이아웃의 구조를 정의내리기 위해서 있다고 생각할 수 있다. - 파일탐색기에 표시를 눌러서 이미지 폴더를 가져올 수 있다. img { width: 100%; } - 이렇게 하면 브라우저 크기에 맞게 조절된다. - html을 구성할 때는 이렇게 블록의 형태로 생각하면 쉽다. - span 태그는 같은 문장 사이에서 추후 스타일 구분을 해줄 때 좋다. - 로고와 메뉴를 .. HTML CSS 연습 헤더영역 로고영역 NOWON 메인메뉴 메뉴1 메뉴2 메뉴3 메뉴4 유저메뉴 회원가입 로그인 메인영역 메인컨테츠가 들어갈 영역입니다. 푸터영역 푸터의 내용이 들어갈 영역입니다. @charset "UTF-8"; *{ margin: 0; padding: 0; } a{ text-decoration: none; /* color:black; */ color: #000; /* color: rgb(0,0,0); */ } li{ list-style: none; } h1{ position : absolute; left: -999px; } /* /////////////////////////////////////////////// */ /* ////////////////////common/////////////////////.. 티스토리에 TOC(Table of Contents) 목차 만들기 Toc (Table of Content)가 있다면 전체 포스트의 내용을 한눈에 볼 수 있을 뿐만 아니라, 클릭 한번으로 해당 위치로 이동할 수 있습니다. 자동으로 Toc를 생성해주는 여러가지 오픈소스 라이브러리가 있습니다. Toc 라이브러리중 Tocbot를 Tistory에 적용하는 방법을 소개합니다. 1. 준비 https://tscanlin.github.io/tocbot/ 2. script, css CDN 적용 바로 위에 아래 코드를 붙여 넣는다. html 3. toc가 표시될 div 추가 본문이 시작되는 부분에 넣습니다. poster 스킨 기준 를 찾아 그 아래에 붙여 넣으면 됩니다. html 4. script 작성 바로 위에 아래 script 작성. html 5. css 수정 CSS버튼을 눌러서 CS.. 티스토리 단축키 Ctrl / 를 누르면 티스토리에서 단축키 목록이 나온다. 굵게 Ctrl B 서체 변경 Ctrl Alt T 링크 삽입 Ctrl K 기울임꼴 Ctrl I 제목 변경 Ctrl Alt 1 코드 블럭 Ctrl Alt , 밑줄 Ctrl U 본문 변경 Ctrl Alt 2 특수 문자 Ctrl Alt . 취소선 Ctrl Alt J 인용 변경 Ctrl Alt 3 이모티콘 Ctrl Alt E 글자색 Ctrl Alt [ 목록 변경 Ctrl Alt 4 단축키 목록 Ctrl / 배경색 Ctr lAlt ] 정렬 Ctrl Alt 5 이전 1 다음
