Web
WEB02.1.4 이미지 삽입 및 이동
이미지 삽입 및 이미지 선택 시, 아래 프레임에 나타남 강아지의 모습 멍멍 귀여운 강아지의 모습을 보여주어요. 태그의 name 속성에서 지정한 프레임의 name을 태그의 target 속성의 값으로 지정해 연결되도록 한다. 3개의 강아지 사진들을 동일한 크기로 맞춰 넣었고, 그 아래에 빈 프레임 화면이 나타난다. (+)
WEB02.1.3 오디오 및 비디오 삽입
오디오 및 비디오 삽입 고양이의 하루 야옹야옹 귀여운 고양이 야옹야옹 야옹야옹 로 꼭 닫는 태그를 붙여야 한다.
WEB 02.1.2 문서 내 이동
문서 내에서 링크 웹 프로그래밍 소개 목차 웹의 역사 HTML CSS 웹의 역사 1989년 3월 스위스와 프랑스 사이에 위치한 유럽 입자 물리 연구소(CERN)의 소프트웨어 공학자인 팀 버너스리 등의 제안으로 시작되어 연구, 개발되었다. 원래는 세계의 여러 대학과 연구기관에서 일하는 물리학자들 상호간의 신속한 정보교환과 공동연구를 위해 고안되었다. 문자나 사진, 동영상, 음성 등이 조합된 데이터베이스인 사이트의 정보를 전용 열람용 소프트웨어인 웹 브라우저를 통해 입수한다. 또한 입수한 정보를 간단한 방식으로 전송하는 것도 가능하다. 세계적으로 대중화된 소프트웨어는 일리노이대학교 재학생(마크 안데르센, 넷스케이프의 전신인 Mosaic를 개발)이 작성한 것이다. 사용자들은 인터넷 '브라우저'의 도움으로 웹 ..
![[HTML] 입력 폼](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FdeqGmp%2FbtqFNaJzCId%2FMgSwoEABXVTf0edqHPNpN0%2Fimg.png)
[HTML] 입력 폼
폼 태그 사용자가 입력하는 정보를 하나로 묶어 애플리케이션에 전달 => 실행결과 반환 다양한 입력 양식을 그룹핑 + 전송방법 설정 name 속성: 폼 요소의 이름 method 속성: 데이터 전송 방법 지정 get 방식: 전송할 데이터를 URL 주소 뒤에 포함 (간단한 데이터 전송에 편리 / 보안 취약) post 방식: 프로그램의 입출력 방식 사용 (데이터 양의 제한 없음) action 속성: 데이터를 처리할 애플리케이션 주소 기본 형식 입력 태그의 하위 태그로 , , , 등을 추가 태그 type 속성: 입력 폼의 유형 텍스트: text, password 선택: radio, checkbox 버튼: submit, reset, button, image 기타: file, hidden name 속성: 애플리케이션..
![[HTML]링크와 멀티미디어](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FuaStV%2FbtqFDwMZH7E%2FUnmcp5MU9DbpdO4sdqTFpK%2Fimg.png)
[HTML]링크와 멀티미디어
링크 하이퍼텍스트와 링크 HTML의 기본 개념: HypertText + HyperMedia 각 정보의 조각을 링크에 의해 연결 노드: HTML 문서/멀티미디어 정보를 표현하는 기본 단위 링크: 각 노드를 연결해 내비게이션이 가능하도록 하는 연결선 앵커: HTML 문서 내에서 링크의 출발점이나 도착점 특정 단어나 문장, 혹은 이미지 --> 다른 문서, 외부 URL, 문서 내 다른 지점 태그 링크의 시작점 앵커 표현 - 문서 간 이동 링크 처리할 텍스트 href 속성: 이동하려는 목적지 문서의 파일 주소 지정 → 절대 주소(http://로 시작하는 URL 형식 인터넷 주소) + 상대주소(현재 문서와 같은 폴더 위치에서의 상대주소) title 속성: 커서를 링크를 설정한 텍스트에 뒀을 때 나타나는 말풍선의 내..
WEB 01.2
-간단한 자기 취미 소개 >> 취미활동을 소개하는 목록 생성 -시간표 만들기 -자기소개서 만들기 링크로 연결해 생성해보기 WEB 01.2 About Me HOBBY TIME TABLE MORE INFO.. WEB 01.2 About Me HOBBY TIME TABLE MORE INFO.. About My Hobby Watching Youtube Making WebPagaes About Me HOBBY TIME TABLE MORE INFO.. About My Time Table Mon Tue Wed Thu Fri Windows Programming Data Science Windows Programming Data Science Windows Programming Data Science Windows Pr..
![[HTML] WEB1.3 - WEB1.15](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FPXtqe%2FbtqFwi1qDts%2FtzTSCffbzmMTdUTbI6eUtK%2Fimg.png)
[HTML] WEB1.3 - WEB1.15
https://www.youtube.com/watch?v=QwCdCcsPVTQ&list=PLuHgQVnccGMDZP7FJ_ZsUrdCGH68ppvPb&index=4&t=0s WEB1.3 기획 기획 무엇을 만들 것인지 그려보고 설계하는 과정 코딩과 HTML 사람이 하는 부분(원인) - code/source/language 기계가 하는 일(결과) - application/app/program/webpage/website HTML = HyperText Markup Language webpage를 만들때 사용하는 언어 HTML 코딩과 실습환경 준비 준비물: web browser + editor >> editor로 atom 1.48.0 version 설치 확장자 html의 파일 1 생성 >> web 디렉터리에 있..