Yeonee's Story

안녕하세요. https://blog.naver.com/sysysy0302 여니입니다 :) DOCTYPE html> 표관련태그 /* CSS 영역의 주석 : html주석 안먹힘*/ /* # == id , 속성값 == tt */ #tt{ background-color : lightgray; } /* 현재 html문서안의 모든 thead 태그를 의미 */ thead{ background-color: magenta; color : white; } tfoot{ background-color: darkgreen; color: yellow; } 기본적인 표 만들기(4행 3열) 웹 브라우저 종류 브라우저명 제조사 홈페이지 Internet Explorer MS http://www.microsoft.com Chrome Go..

안녕하세요. https://blog.naver.com/sysysy0302 여니입니다 :) DOCTYPE html> 목록관련태그 목록1 목록2 ul : 순서 없는 목록 태그 HTML 글자관련 목록관련 CSS JavaScript JQuery ol : 순서 있는 목록 태그 HTML CSS JavaScript JQuery HTML CSS JavaScript JQuery HTML CSS JavaScript JQuery dl : 설명과 관련된 목록 태그 제목을 작성하는 영역 설명을 작성하는 영역 여러줄로 작성도 할 수 있다. 또 다른 제목 작성가능 설명도 마찬가지 자바(Java) 학습내용 담당 강사 : ksy 전화번호 : 010-1234-5678 프로그래밍 언어 Java 데이터베이스 Oracle Frontend H..

안녕하세요. https://blog.naver.com/sysysy0302 여니입니다 : DOCTYPE html> 글자관련태그 h1 태그입니다. 안녕하세요 반갑습니다. 안녕히가세요 h1 태그입니다. h2 태그입니다. h3 태그입니다. h4 태그입니다. h5 태그입니다. h6 태그입니다. 존재하지않는 태그는 일반글꼴 적용 문단 영역을 나누는 태그로는 p태그와 pre태그가 있다.(h태그 포함) 단, p태그는 줄바꿈입력을 별도의 태그로 지정해야한다. 그리고 공백은 한개의 공 백만을 표시한다. 그러면 공백을 여러개 포함시키고 싶다면? 기호문구로 작성 기 호 문 구 pre태그는 여러 공백을 인식 할 수 있다. 줄 바꿈 등을 포함하여 입력한 내용을 있는 그대로 표현하는데 특화된 태그 그 밖의 글자를 다루는 태그들 일..

안녕하세요. https://blog.naver.com/sysysy0302 여니입니다 :) 1. ! + enter or html5: + ctrl ※ html 작성할 수 있는 기본 골조를 자동완성 시켜주는 단축키입니다. ※ 중요!! 작업 시작시 맨 처음 새파일을 추가하여, 이름을 입력시 파일이름 뒤에 ' .html ' 을 입력하지 않으면 해당 단축키가 작동하지 않습니다. 2. link:css + enter 3. 한번에 ul, li 태그 생성 : na>ul>li*4 + enter 4. 한번에 ul, li, a 태그 생성 : na>ul>li*4 + enter 5. 요소 안에 클래스 이름 넣어 요소 추가하기 : .클래스이름*(추가할 갯수) .user_column*2 6. alt + shift + f 입력 라인을 ..