728x90 방통대/HTML532 2-2 이미지 표현 img 요소 : 웹 페이지에 이미지를 삽입할 때 사용 -> 종료태그 없이 사용 img 속성 -src="파일의 URL" : (필수) 문서에 표시할 이미지 파일의 경로/이름 -width="숫자" : 이미지의 폭(픽셀, %) -height="숫자" : 이미지의 높이(픽셀, %) *width, height의 기본 크기=원본 크기. 폭과 높이 중 하나의 크기만 지정되면 나마지 하나의 값은 원본 크기에 비례해서 자동 지정. -alt="텍스트" : 이미지가 표시되지 않을 때 대체 표시될 텍스트. 이미지가 화면에서 표시되지 않거나 깨지는 경우를 대비해서 사용 -usemap="#맵이름" : 클라이언트 측의 이미지맵 입력) 출력) 2024. 3. 2. 2-1 리스트 표현 리스트의 종류 순서 없는 리스트 -ul 요소 : 각 항목 앞에 순서를 나타내지 않는 기호를 붙여서 표시 입력) 출력) 글머리기호 변경) -li 요소 : ul, ol 요소 내에서 공통으로 사용되는 자식 요소 : 리스트에서 각 항목의 내용을 표시할 때 사용 -> 들여쓰기 -> 자동 줄바꿈 -> 종료태그없이 사용 가능 입력) 출력) 순서 있는 리스트 -ol 요소 : 각 항목 앞에 순서를 나타내는 기호를 붙여서 표시 -> 순서 있는 기호 : 숫자(기본값), 영문자, 로마자 등 입력) 출력) ol요소의 속성 : type="값" -> 순서가 부여된 기호의 유형 지정 ex) type="A" : 순서를 A, B, C, D... 로 매긴다. : start="숫자" -> 항목의 시작 번호 지정 ex) start="4" :.. 2024. 3. 2. 1-3 HTML 요소 : 텍스트 표현 br : 줄을 바꾼다. : 편집기에서 엔터키와 같은 기능 : 종료태그 없이 사용 p : 문단을 나누어 독립된 단락을 생성 : 단락 구분을 위해 단락 전후에 빈 줄이 자동으로 추가됨 : p를 연속해서 여러 번 사용해도 p를 한 번 사용한 것과 같다. hr : 텍스트 사이에 수평선을 그림 : 주제가 변경되는 콘텐츠를 구분하는 용도 : 자동 줄바꿈, 종료태그 없이 사용 hn : 단락의 제목을 지정한다. : 제목 크기 -> h1 > h2 > h3 > h4 > h5 > h6 : 굵은 글자(볼드체), 자동 줄바꿈 pre : 편집기에서 문자가 입력된 형태를 그대로 유지하여 출력 : 공백, 탭, 들여쓰기, 엔터키는 무시되지만, pre태그를 사용하면 입력된 그대로 출력이 가능하다. : 특수 문자가 많은 텍스틀르 표시할 .. 2024. 2. 25. 1-2 HTML 문서 Front-end 프로그래밍 (클라이언트 사이드 프로그래밍) : HTML + CSS + JavaScript -> 모든 화면의 페이지 제작 : 프레임워크 -> React, Angular, Vue.js 등 Back-end 프로그래밍 (서버 사이드 프로그래밍) : 클라이언트에서의 동작/작업의 원활한 수행을 위한 처리 담당 : C/C++, Java, Python, JSP, Perl, PHP 등의 언어 사용 : 프레인워크 -> Node.js, Django, Spring 등 HTML 문서 : 다양한 요소들의 조합 요소 : 시작태그 + 내용 + 종료태그 내용 속성 : 속성명="속성값"의 형태로 시작태그에 존재함. 명령어를 좀 더 구체화 시킨다. 컴퓨터과학과 href="http://cs.knou.ac.kr"와 targ.. 2024. 2. 25. 1-1 웹(World Wide Web) 인터넷 : 전 세계적으로 연결되어 있는 컴퓨터 네트워크 시스템 World Wide Web("웹") by Tim Berners-Lee : 하이퍼링크 개념과 GUI를 사용하여 다양한 형태의 데이터와 정보에 접근할 수 있는 인터넷 서비스 : HTML로 작성된 웹 문서를 HTTP 프로토콜 기반으로 브라우저를 통해서 내려 받아서 읽을 수 있도록 구성됨 *인터넷 != 웹 : 인터넷의 서비스 중 하나가 웹이다. 웹 관련 용어 웹 사이트 : 웹 페이지들의 의미 있는 묶음 웹 문서(HTML 문서) : 브라우저로 볼 수 있는 형식의 문서 웹 페이지 : 각 브라우저 창에 표시되는 개별적인 문서 *하나의 웹 문서는 주제/내용에 따라 여러 웹 페이지 파일로 구분/작성 하이퍼텍스트 : 단위 텍스트들과 이를 결합하는 하이퍼링크로 .. 2024. 2. 25. 이전 1 2 3 4 다음 728x90
