html+css+javascript10 CSS- border, margin, padding 속성 1. border 속성 border 속성은 테두리 두께 (width), 테두리 선 스타일(style), 테두리 선 색(color) 을 지정한다. p { border : 3px solid blue; } margin부분과 paddin부분은 border를 기준으로 나눠진다. 2. margin 속성 margin 속성은 다른태그와의 거리를 나타낸다. 라떼 아메리카노 3. padding 속성 padding 속성은 콘텐츠를 직접 둘러싸고 있는 내부여백이다. 2022. 1. 25. CSS- 셀렉터 셀렉터는 HTML 태그의 모양을 꾸밀 스타일 시트를 선택하는 기능이다. 셀렉터 유형 1. 태그이름 셀렉터 태그이름이 셀렉터로 사용되는 유형 태그이름 셀렉터는 ,로 분리가 된다. h3, li {color : red;} 태그와 태그의 색이 red로 지정되는 것이다. 2. class 셀렉터 셀렉터 이름 앞에 점(.)을 붙이는 경우 html태그의 class속성을 지정할 수 있다. .direct{color :brown;} 안녕하세요 3. id 셀렉터 셀렉터 이름 앞에 #을 붙이는 경우 이 셀렉터는 html태그의 id속성만 지정할 수 있다. #pop up { background : red; } 4. 전체 셀렉터 전체 셀렉터는 * 문자를 사용하여 웹페이지의 모든 html태그에 적용한 스타일을 만든다. 웹페이지의 모든.. 2022. 1. 25. 웹페이지 작성해보기(1) 스마트폰 스마트폰은 컴퓨터를 결합한 무선 휴대전화기이다. 목차 역사 안드로이드 아이폰 샘플 역사 최초의 스마트폰은 사이먼으로 추정된다. IBM사가 1992년에 설계하여 그 해에 미국 네바다 주의 라스베이거스에서 열린 컴댁스에서 컨셉 제품으로 전시되었다. 안드로이드 안드로이드는 휴대 전화를 비롯한 휴대용 장치를 위한 운영 체제와 미들웨어, 사용자 인터페이스 그리고 표준응용프로그램을 포함하고 있는 소프트웨어 스택이자 모바일 운영체제이다. 아이폰 아이폰은 애플이 발표한 휴대 전화 시리즈이다. 미국 샌프란시스코에서 열린 맥월드 2007에서 애플의 창업자 중 한명인 스티브 잡스가 발표했다. 샘플 지금까지 배운것을 토대로 작성해보았다. 목차부분을 링크로 만들고 본문에 앵커를 만들어 연결하였다. 2022. 1. 14. 1. HTML 정리(1) 1. Title 페이지의 제목을 작성하는것 태그를 이용하여 내에서 사용가능 2. ... 문단 제목 달기 h1이 가장 큰 제목이고 h6이 가장작은 제목이다. 간단하게 만들어봤다. 3. 튤팁 달기 페이지의 본문에 마우스가 올라갈 때 설명문이 출력할 수 있게 함 title속성을 가진다. 가장크다 4. 단락 나누기 태그를 이용하여 하나의 단락을 표시할 수 있다. 5. 수평선 긋기 문서 내의 내용이 전환 되는 곳에 수평선을 삽입하여 시각적 효과를 만들어 낸다. 6. 새로운 줄로 넘어가기 새로운 줄로 넘어가고자 할때는 태그를 사용해서 넘기면 된다. 7. 블록 태그 는 여러 html태그들을 블록으로 묶는 컨테이너로 이용한다. 8. 인라인 태그 태그는 텍스트 일부분에 특별한 모양을 주거나, 텍스트 일부분을 제어하고자 .. 2022. 1. 13. 이전 1 2 다음
