클래스 세 번째 문단 첫 번째 문단 // 이렇게하면 두개 클래스 동시에 사용 가능 .txt { font-size: 64px; color: blue; } 아이디 첫 번째 문단 #first-txt{ color: blue; } 클래스와 아이디 차이 같은 클래스 이름을 여러 요소가 가질 수 있지만, 같은 아이디를 여러 요소가 공유할 수는 없습니다. 한 요소가 여러 클래스를 가질 수 있지만, 한 요소는 하나의 아이디만 가질 수 있습니다. (단, 한 요소가 클래스도 여러 개 갖고 아이디도 하나 가질 수 있습니다!) 결국 여러 요소를 스타일링 하고 싶으면 → class 한 요소만 스타일링 하고 싶으면 → id 주석 /* css 주석 */ 부족하거나 잘못된 내용이 있을 경우 댓글 달아주시면 감사하겠습니다. 이 글에 부..
웹사이트 타이틀 제목1 숫자가 커질수록 작아진다 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 선언 HTML 파일을 쓸 때는 가장 먼저 선언을 써야한다. 태그 페이지의 제목/ 브라우저 탭이나 방문 기록에 나와있는 제목임 ~ 태그 한 페이지에 여러 개의 머리말 태그 보통 문단은 (paragraph) 태그 안에 태그 위, 아래에는 기본적으로 여백이 조금씩 있다. 태그 텍스트를 굵게 태그 텍스트 날려쓰기(italics) Phrase Tags 태그는 그냥 텍스트를 '볼드체'로 만들어주고, 마찬가지로 태그는 그냥 텍스트를 '이탤릭체'로 만들..
GET 방식 ex)https://n.news.naver.com/article/005/0001518197?cds=news_media_pc https://n.news.naver.com/article/005/0001518197 ? → 요청 페이지 cds=news_media_pc → 전송 데이터 주소 + 데이터(모두 노출) 기본 전송 방식이고 사용이 쉽다. 전송할 데이터를 문자열 형태(Query String)로 URL 뒤에 인수로 붙여서 전송을 수행하는 방법(방식) URL 뒤에 인수로 붙어있는 내용을 누구나 볼 수 있고 이로 인해 보안성이 취약하다. 태그에서의 GET 방식은 서버로 데이터를 전송하는 과정에서 서버 처리가 지연될 경우 중복해서 요청이 이루어진다는 문제가 발생할 수 있다는 단점을 가지고 있다. 형식..
http://www.yes24.com/Product/Goods/96674934 Do it! HTML+CSS+자바스크립트 웹 표준의 정석 - YES24 웹 분야 1위! 그만한 이유가 있다!키보드를 잡고 실습하다 보면 웹 개발의 3대 기술이 끝난다!웹의 기본을 한 권으로 끝낼 수 있는 책이 탄생했다! 8년 연속 웹 분야 도서 1위인 《Do it! HTML5+CSS3 웹 www.yes24.com ⌜Do it! HTML+CSS+자바스크립트 웹 표준의 정석⌟ 책을 공부하며 요약・정리한 내용입니다. (heading) 제목을 나타냄 이 가장 크고 , , , , 순으로 크기가 작아짐 e.g. 불고기 불고기 레시피 상품 구성 실행 결과 단락을 입력함 태그 사이에 앞뒤로 개행한다. 편집기의 태그 내에서 개행을 하더라도 웹..
http://www.yes24.com/Product/Goods/96674934 Do it! HTML+CSS+자바스크립트 웹 표준의 정석 - YES24 웹 분야 1위! 그만한 이유가 있다!키보드를 잡고 실습하다 보면 웹 개발의 3대 기술이 끝난다!웹의 기본을 한 권으로 끝낼 수 있는 책이 탄생했다! 8년 연속 웹 분야 도서 1위인 《Do it! HTML5+CSS3 웹 www.yes24.com Do it! HTML+CSS+자바스크립트 웹 표준의 정석 책을 공부하며 요약・정리한 내용입니다. HTML(Hyper Markup Language)이란? : 웹 문서를 만드는 언어 하이퍼텍스트(HyperText) : 문서를 서로 연결해주는 링크 HTML 문서의 기본 구조 프런트엔드 웹 개발 HTML CSS 자바스크립트 ..