웹/HTML과 CSS 검색 결과

해당 글 6건

CSS 본격 들어가기(2)

CSS 본격 들어가기 2번째 글입니다. CSS에서 많이 사용되는 속성들을 표로 한번 보시죠. 이런 속성들이 자주 쓰입니다. 잘 알아두면 좋으실 것 같아요!! 색상에 대해서 알아보도록 하죠! 1.색상 색상을 표현하는 방법에는 여러가지가 있습니다. 이름으로 표현하는 방법, 16진수 10진수로 표현하는 방법, 퍼센트로 표현하는 방법이 있습니다. 이름으로 표현하는 방법은 "red"로 표현합니다. 16진수로 표현하는 방법은 #FF0000으로 표현합니다. 10진수는 rgb(255,0,0) 퍼센트는 rgb(100%,0%,0%)로 표현합니다. 16진수 코드는 빨간색, 녹색, 청색 2자리의 16진수로 표시한 것입니다. 이것을 코드로 표현해보면 body { background-color: #ffd800; } 색상을 이름으..
웹/HTML과 CSS 2018. 8. 17. 15:42

CSS 본격 들어가기(1)

CSS에대해서 본격적으로 배워보도록 하겠습니다. 앞서 설명해드렸던 선택자는 HTML 요소를 선택하는 것이라고 말씀드렸어요~ JQuery에서도 많이 사용하니까 잘 알아두세요. 대표적으로 6가지를 알려드릴게요 타입 선택자 전체 선택자 클래스 선택자 아이디 선택자 속성 선택자 의사 선택자 이렇게 있습니다. 1. 타입 선택자 HTML 요소 이름을 사용합니다. 예를 들어서 h1{ color: green;} h1의 모든 요소를 선택하여 초록색으로 변경시킵니다. 2. 전체 선택자 페이지 안에 있는 모든 요소를 선택하여 속성을 변경시킵니다. * { color: green; } 3. 아이디 선택자 특정한 요소만 변경시키고 싶을 때 아이디 선택자를 사용합니다. 요소 id앞에 #을 붙이면 됩니다. #target { colo..
웹/HTML과 CSS 2018. 8. 13. 21:40

HTML 본격 들어가기(2)

HTML 두 번째 시간입니다. 멀티미디어와 입력에 대해서 배워보도록 하죠 !! HTML5부터는 태그를 추가 했답니다. 편리해졌죠. 오디오(음악)을 넣고 싶으다면 태그 형식으로 써주시면 됩니다. -src: 소스파일 -autoplay: 자동 재생 -controls: 화면에 제어기 보이기 -loop: 오디오 반복 재생 -volume: 재생 볼륨 설정(0.0~1.0) -preload: 오디오 미리 다운로드(의지와 상관없이) 위에서 src대신 태그를 사용해서 아래와 같이 표현해도 됩니다. 비디오를 넣고 싶으다면 오디오 태그와 같습니다. -src: 소스파일 -autoplay: 자동 재생 -controls: 화면에 제어기 보이기 -loop: 비디오 반복 재생 -volume: 재생 볼륨 설정(0.0~1.0) -prel..
웹/HTML과 CSS 2018. 8. 11. 15:31

HTML 본격 들어가기(1)

HTML의 기본 요소 1.문서의 헤드 2.문서에 그림 3. 문서의 리스트(목차) 4. 테이블 5. 링크 (순서는 무관) 문서에 글을 나타내기 위해서는 ...태그 안에 표시하면 됩니다. 단락(paragraph)을 나타내기 위해서는 태그안에 ...로 사용하면 됩니다. 강제로 줄을 바꾸고 싶다면 =break 을 사용하면 됩니다. 만약 위에 문법들이 불편하다면 프로그래머가 직접 작성한 그대로 보여주는 ...태그를 이용합시다. 헤드는 웹 페이지의 머리입니다.(기사) 기본적으로 ...으로 표시하며 종류는 ~까지 총 6개의 태그가 있습니다. xml이나 html이나 주석을 사용하는 방식은 입니다. 절대 //가 아닙니다. 글씨의 모양을 바꾸고 싶다면 아래의 태그들을 사용하시면 됩니다. .... :볼드체 ...: 이테리체..
웹/HTML과 CSS 2018. 8. 8. 18:58

CSS란?

CSS(Cascading Style Sheets)를 배우기 앞서서!! CSS를 들어본 사람도 있고 처음 들어보는 사람도 있을거에요 HTML은 문서의 구조인 내용을 작성하는데 쓰인다면 CSS는 문서의 스타일을 나타낼 수 있어요. 즉 디자인을 꾸미는거죠 그렇다면 문서의 동작은?? 맞습니다. JavaScript가 책임을 지고있습니다. CSS가 없었다면 여러 사이트들이 딱딱한 문서에 불구했을거에요. CSS는 전체 페이지 내용이 바뀔 때 관련 있는 요소들은 같이 변경이 돼요 그래서 문서의 일관성을 유지할 수 있다는게 장점인 것 같네요. CSS로 우선 배경색 지정/글자색 지정/ 디자인/ 박스/ 애니메이션/ UI 등등의 기능이 있어요. 간단하게 CSS의 문법을 봅시다. 구체적인 문법은 뒤에서 배울테니 참고만하세요. ..
웹/HTML과 CSS 2018. 8. 4. 15:53

HTML이란?

HTML 을배우기 앞서서!! 간단히 설명해드릴게요 *웹 기초 사항 웹에 대한 기초 사항에 대해서 알아보도록 하죠! 우선 여러분들은 네트워크라는 말을 주변에서 많이 들어봤을겁니다. 웹에 갑자기 네트워크??! 하시는 분들도 있을겁니다. 네트워크는 컴퓨터와 컴퓨터를 연결해 주는 망입니다. 이를 위해서는 서로 정해놓은, 즉 규정해놓은 TCP/IP라는 통신 프로토콜을 통해 이루어집니다. 이러한 것을 통해서 전 세계가 하나로 연결된 것을 인터넷이라 합니다. 즉 TCP/IP, WWW등을 통해 인터넷이 발전하고 나오게 됬죠. WWW는 앞서 얘기 했던 인터넷을 편리하게 사용하도록 한 도구라고 할 수 있습니다. 팀 버너스리는 연구자들이 서로 떨어져있을 때 어떻게 정보를 공유할까를 생각하다 저희가 배울 언어인 HTML 언어..
웹/HTML과 CSS 2018. 8. 3. 21:32