혜랑's STORY

오랜만에 HTML과 CSS를 복습하고자 간단한 자기소개 페이지를 만들어 보았다! [디자인] [코드] Kawk Hyeonji More infomation 이름 : 곽현지 생일 : 2002 - 01 - 25 핸드폰 : 010 - 0000 - 0000 이메일 : *****@naver.com 블로그 : *****@tistory.com Educational History 2017-2020 충남삼성고등학교 2020 ~ 숙명여자대학교 컴퓨터과학전공 Etc C / C++ / Python 언어 공부 중 소설책 읽는 것 좋아함 풍경 사진 찍는거 좋아함 특기는 일 만들어 하기 SKT T1 좋아함 /*basic.css*/ body { background-color: #233255; padding-top: 150px; } h1..

#innerHTML 속성 - 화면 상의 버튼을 누르면 사용자로부터 promt를 통해 문자열을 입력받고, 입력받은 문자열을 버튼 아래 화면에 표시하는 웹문서를 작성하시오. 이때 출력할 자리인 요소에 innerHTML 속성을 이용하여 요소를 추가하는 코드를 작성하시오. - 실행결과 #스타일 속성 변경하기 - 자바스크립트를 사용하여 style 속성에 접근하여 배경색을 변경하는 동적 웹문서를 만든다. 두개의 버튼을 만들고 파란색 버튼을 누르면 배경색이 파란색으로 붉은색 버튼을 누르면 배경색이 붉은색으로 변경되는 웹 문서를 작성한다. - 실행결과 Blue Red #계산기 만들기 - 두 개의 값을 텍스트 위젯으로 받아서 덧셈, 뺄셈, 곱셈, 나눗섬을 하는 웹문서를 작성하시오. 이 때 요소로 연산자를 입력받아서 계산..

# 스타일시트; 웹 문서의 출력될 외형 스타일 - 구성요소 : 선택자(여러 개인 경우 콤마로 구분, 스타일을 설정할 대상이 되는 태그) / 속성 선언(속성과 속성값, 콜론으로 구분, 세미콜론으로 종료) - 블록단위 요소 : - 인라인 요소 : - 클래스 선택자 : -> 클래스 선택자는 클래스이름 앞에 점(.) - 아이디 선택자 : -> 아이디 선택자는 아이디이름 앞에 샵(#) - 폰트 / 문자 / 색상 및 배경 또한 지정 가능 # 박스모델 설정하기 스타일 속성 : 외부공백 / 내부여백 / 테두리의 두께 / 테두리 모양 / 색상 등 # 움직임 설정 - 전환효과 : transtion: - 좌표변환 :

#표에 스타일시트 적용하기 2020 1학기 시간표 시간 월 화 수 목 금 9 10 소프트웨어의이해 소프트웨어의이해 11 세계시민교육과리더십 12 13 커뮤니케이션영어 비판적사고와토론 커뮤니케이션영어 진로탐색과역량개발 14 15 컴퓨터과학의이해 컴퓨터과학의이해 16 국가안보론 17 18 #박스모델에 다양한 효과로 장식하기 HTML5 웹프로그래밍 입문 5장. CSS3 스타일시트 기초 CSS 개요 CSS란 문서의 스타일을 정의하는 속성을 모아놓은 언어이다. #레이아웃 설정 스타일시트 연습하기 5.5 새로운 문서 표준 HTML5 현재 W3C에서 표준안을 개발을 하고 있는 HTML5는 차세대 웹문서 표준안으로 많은 관심이 집중되고 있다. 특히, 표준안 개발에 마이크로소프트, 모질라, 애플, 구글, 오페라 등 대다..

#실행결과 - 미완 #코드 - 디자인 UserName [To Do List Name] Check To Do List Work 선택 삭제 마지막 항목 삭제 전체 삭제 [ Add List ] 1. List Name 1 2 2. Contents Name 3. Contents Details Add Can /* box.css */ .subBox { border: 3px solid #513F3F; width:599px; height:554.5px; } .edge { top: 58px; left: 60px; width: 1801px; height: 965px; border: 11px solid #513F3F; opacity: 1; } .signIn { top: 630px; left: 1121px; width: 60p..

#실행결과 #코드 - 디자인 ID : PW : /* box.css */ .edge { top: 58px; left: 60px; width: 1801px; height: 965px; border: 11px solid #513F3F; opacity: 1; } .signIn { top: 630px; left: 1121px; width: 60px; height: 92px; margin: 0; margin-top:7.5px; background: #513F3F 0% 0% no-repeat padding-box; border-radius: 11px; opacity: 1; color:white; font: Bold 18px/20px Gmarket Sans TTF; letter-spacing: 0px; } .id_pw..

1. 간단히 자기 취미를 속하는 페이지를 만들고 관련된 유튜브 영상 삽입하기 #실행결과 #코드 나의 취미 소개 나의 취미는 드라마를 보는 것입니다. 요즘 가장 흥미롭게 보고있는 드라마는 '사이코지만 괜찮아'입니다. [소개] 버거운 삶의 무게로 사랑을 거부하는 정신 병동 보호사 강태와 태생적 결함으로 사람을 모르는 동화작가 문영이 서로의 상처를 보듬고 치유해가는 한 편의 판타지 동화같은 사랑에 관한 조금 이상한 로맨틱 코미디 드라마에서 소개된 동화 [동화zip] op 죽음의 그림자를 끌고 다니는 괴물 [동화zip] 01 악몽을 먹고 자란 소년 [동화zip] 02 좀비아이 [동화zip] 03 푸른 수염의 비밀 [동화zip] 04 봄날의 개 [동화zip] op 죽음의 그림자를 끌고 다니는 괴물 나의 취미 소개..

#링크와 멀티미디어 - 링크 달기 1. 하이퍼텍스트와 링크 1.1 하이퍼텍스트 : 서로 연관된 문서나 텍스트 조각들을 연결 1.2 하이퍼미디어 : 텍스트 뿐 아니라 멀티미디어 정보가 연결 1.3 노드: HTML문서나 멀티미디어 정보를 표현하는 기본 단위 / 링크: 노드를 연결, 이동 / 앵커: 링크의 출발점이나 도착점 2. 링크의 종류 : 특정 단어나 문장, 혹은 이미지에서 다른 문서 / 외부 URL / 문서내 다른 지점으로 링크 2.2 문서간 이동 링크 텍스트 2.3 문서내 이동 [목적지 앵커 지정] 목적지 [시작점에서 연결] 링크로 이동 ※이전 버전의 HTML에서는 name 속성을 사용, HTML5에서는 name 속성 대신 id 속성을 사용 권장 - 이미지 사용하기 1. 이미지 파일 종류 1.1 GI..