이미지를 삽입하는 태그 ▷ 종료태그 없이 사용 ▷ 속성 ＊src="이미지파일" → 문서에 표시할 이미지 파일을 지정 ＊width="숫자" → 이미지의 폭 지정(픽셀, %) ＊height="숫자" → 이미지의 높이 지정(픽셀, %) ＊alt="내용" → 이미지가 표시되지 않을 때 대체될 텍스트 지정 ＊usemap="#맵이름" → 클라이언트 측의 이미지맵을 지정 src 속성 ▷ HTML 문서에 표시할 이미지 파일의 이름/경로를 지정 ＊필수 속성 ▷ 일반적인 이미지 파일 형식 GIFGraphics Interchange Format JPGJoint Photographic coding Experts Groups PNGPortable Network Graphics 256색상 지원투명 배경 처리용량이 작음로고나 클립..
인라인 요소와 블록 요소 인라인 요소블록 요소텍스트 요소 → 기존 내용에 이어서 작성됨문서 구조 요소 → 새로운 행에 작성됨입력 내용 만큼의 공간을 차지해서 내용을 표시하나의 줄을 전부차지해서내용을표시줄바꿈이 수행되지 않아 앞뒤내용이이어져서 한줄에자동으로 줄바꿈 수행, , , …, , ,… 콘텐츠 컨테이너로서 및 태그 태그 태그 블록 요소 인라인 요소 HTML 요소를 묶어 하나의 논리적인 단위의 영역을 구성 텍스트를 위한 컨테이너 논리적으로 구분된 대량의 내용에 대해CSS 스타일 또는 전체 페이지의 공간을분할하여 레이아웃을 구성하는데 사용텍스트의 일부에 대해 CSS 스타일 지정 또는자바스크립트에서 조작할 유용
목록의 종류 목록의 종류설명순서없는 목록Unordered List글머리기호(•)를 붙여 목록의 각 항목을 표시 ~ 자식 요소 → li순서있는 목록Ordered List순서(1,2,3,…)를 매겨서 목록의 각 항목을 표시 ~ 자식 요소 → li서술 목록Description List어떤 용어나 이름에 대해서 서술하는 형식 ~ 자식 요소 → dt, dd 순서없는 목록을 지정하는 태그 ▷ 각 항목 앞에 순서를 나타내지 않은 기호를붙여서표시 ▷ 태그 ＊ 과 태그 내에서 공통으로 사용 ＊ 목록에서 각 항목의 내용을 표현할 때 사용 ＊ 들여쓰기 및 자동줄바꿈 기능 ＊ 종료 태그 없이 사용 가능 순서있는 목록을 지정하는 태그 ▷ 각 항목 앞에 순서를 나타내는 기호를 붙여서 표시 ＊ 순서 있는기호 → 숫자(기본), 영문..
글자 스타일 지정 ▷ 물리적 스타일 관련태그 ＊ 단순히 웹브라우저에 표시되는 출력 모양만을 지정하는 태그 ▷ 논리적 스타일 관련 태그 ＊ 출력 형태보다는 태그 자체에 의미가 부여되어 있는 태그 물리적 스타일 관련 태그 태그용도강조의 의미는 사라지고 주목해야 할 단어를 표시다른 분위기나 어조, 보통의 서술과 구분되어야하는 텍스트를 표시더 이상 정확하지 않거나 관련이 없는 내용을 표시불충분한 내용을 표시부수적인 해설이나 이용조건, 법적공지등의 작은 인쇄를 표시 논리적 스타일 관련 태그
HTML 주석 ▷ 문서 소스의 이해를 돕기 위한 설명을 추가할 때 사용 ＊ 화면상에는 아무것도 표시되지 않음 → 소스에서만 확인 가능 ☞ ''는 하나의 문자처럼 사용 → 문자 사이에 공백 불가 ☞ 주석 안에서는 , -- 를 사용하지 말아야 함 줄을 바꾸는 태그 ▷ 편집기에서 엔터키와 같은 기능 ＊ 종료태그 없이 사용 → = 단락을 나누는 태그 ▷ 문단을 나누어 독립된 단락을 생성 ＊ 단락 전후에서 줄바꿈이 수행됨 공백 및 특수 문자 입력 ▷ 공백, 예약어로 사용하는 문자 또는 키보드로 직접 입력할 수 없는 문자를 입력하는 경우 ＊ 연속된 여러 개의 공백 → &특수이름; ＊ , ", & → 
진수코드; ＊ ©, ￥,♡, ☞, … → 진수코드; 특수문자특수이름10진수코드16진수코드>>>..
HTML 문서의 구성 요소 ▷ HTML 문서는 다양한 요소들의 조합 HTML 문서 작성시 주의사항 ▷ 태그는 대소문자를 구분하지 않음 ＊ = = ▷ 파일의 확장자는 반드시 htm 또는 html 로지정 ＊ 파일명.htm, 파일명.html ▷ 화이트스페이스는 입력한 의도대로 적용되지 않음 ＊ 두 칸 이상의 공백은 하나의 공백으로 취급 ▷ 요소 안에 다른 요소를 포함할 수 있음 ＊ … … … HTML 문서의 기본 구조 HTML 문서의 기본구조 ▷ 문서유형 선언 ＊ 브라우저에게 올바르게 웹페이지를 표시할 수 있도록 해당 문서에서의 HTML의 종류와 버전을 표시 ▷ … ＊ 웹브라우저에게 HTML 문서의 시작과 끝을 알려주기 위한 것 ▷ ＊ 문서의 각종 정보와 문서 자체에 대한 설명을 포함 ☞ 웹브라우저를 통해..
HTML이란? ▷ HyperText Markup Language ＊ 웹에서 사용하는 마크업 언어 ☞ 인터넷상에서 사용되는 웹페이지의 정보를 표현하기 위한 언어 ▷ 하이퍼텍스트 ＊ 단위 텍스트들과 이것들을 결합하는 링크로 구성 ☞ 사용자가 연상하는 순서에 따라 관련있는 쪽으로 이동하여 정보를 얻도록 조직화된 시스템 ▷ 마크업 ＊ 문서의 구조와 내용 등에 추가적인 정보를 부여하기 위해 문서 내에 삽입되는 일련의 문자 또는 기호 ▷ 문서의 구성 및 마크업의 분류 ▷ 마크업 언어 ＊ 마크업의 형식과 규칙을 정의한 언어 ＊ 마크업 언어의 분류 ☞ 기술적 마크업 언어 ☞ 절차적 마크업 언어 ▷ 마크업 언어의 분류 ＊ 절차적 마크업 언어 ☞ 문서의 형식이나 텍스트의 외양을 기술 ☞ 워드프로세서에서 사용 ☞ 『특정 마..
큐의 연산 - 큐의 생성 변수 rear의 초기값은 큐의 공백 상태를 나타내는 ‘–1’로 시작함 12345#define QUEUE_SIZE 5typedef int element;element queue[QUEUE_SIZE];int front = -1;int rear = -1;cs 큐의 연산 - 큐의 초기 상태front↓ rear↓ [0][1][2][3][4] queue100200300 큐의 연산 - 큐의 삽입 연산삽입 연산이 발생하면 rear 변수만 오른쪽으로 이동하고, 삭제 연산이 발생하면 front 변수만 오른쪽으로 이동함 123456789void Add_q(int *rear, element item) { if (*rear == QUEUE_SIZE-1) { printf(“Queue is full !!”..