반응형 HTML53 [CSS] CSS를 사용하는 이유 안녕하세요 냥장판 입니다 이번 게시글은 CSS에 대한 아주 기초적인 지식에 대해 다룰거에요. HTML을 다루다보면, CSS stylesheet 라는 말을 들어본적이 있을겁니다. CSS는 왜 사용하며, 어떻게 사용하는지 살펴볼게요. 1. CSS란 CSS는 Cascading Style Sheets의 약자로 종속형 스타일 시트, 캐스케이딩 스타일 시트 라고 불립니다. 마크업 언어(XML, HTML 등)의 레이아웃과 스타일을 나타내는 언어에요. 우리의 맨얼굴과 맨몸뚱아리를 HTML이라고 한다면 화장하고, 옷입고, 악세사리하는 모든 꾸며주는 것들을 CSS라고 생각하면되요. 안꾸미고 나가도 되죠. HTML문만 있어도 된다는 말입니다. 꾸미고 나가나요? 그럼 CSS를 입고 나간다는 말이에요. W3C(World Wid.. 2020. 1. 20. [HTML] Link 태그 사용하기 - 맨위로 이동 목표: Link 태그를 활용해서 맨위로 이동 구현하기 요약 id(아이디) 달아주기 href에 해당 id 링크하기 안녕하세요 냥장판 입니다 웹페이지를 쭉 내리다가 맨 위로(페이지 상단) 올라가고 싶을 때가 있죠? 웹서핑이든, 쇼핑이든 페이지 상단으로 올라갈 때 우리는 TOP 이미지나 버튼을 클릭합니다. 이번 게시글에서는 위로 올라가는 방법(?) 알려드릴게요! 일단 징그럽게 긴 텍스트를 입력합니다; 스크롤바가 있고, 밑으로 내려가다가 맨 위로 가려면 마우스를 계속 굴려야해요 1. id(아이디) 달아주기 각 요소마다 아이디(id)를 달아주는 거에요 이동하고 싶은 곳 속성에 id를 달아주세요 2. href 에 해당 id 링크하기 그래서 맨 아래에 내려갔을 때 Link 태그에서 해당 id를 가진 속성을 호출하는 .. 2020. 1. 11. [HTML] Link 태그 사용하기 - 기본편 목표: Link 태그 사용하기 요약 URL 하이퍼링크 걸기: href 이미지 하이퍼링크 걸기: href, img 안녕하세요 냥장판 입니다 HTML문서에는 Link 또는 Hyperlink 라는 태그가 있어요. 이 태그는 다른 html 문서나 이미지 파일 등을 연결할 때 사용합니다. 말 그대로 링크한다는 개념이에요. 위에 그림을 보면 Hello 라는 컨텐츠에 a 태그와 href 속성을 사용해서 링크를 한다는 개념입니다. 자세히 살펴보죠 1. URL 하이퍼링크 걸기: href 링크(a) 태그는 반드시 href 속성이 설정되어 있어야됩니다. href 속성이 없다면, 다른 속성(target, download, rel, rev, hreflang, type, referrerpolicy)들도 사용할 수 없어요. 기본 .. 2020. 1. 9. 이전 1 다음 반응형
