[HTML] <img> Tag

1. 태그 - 이미지 삽입하기 기본형 1-1 ) src 속성 - 이미지 파일경로 지정하기 저장된 이미지 파일 - 서버에 사진 파일까지 함께 업로드 웹 상의 링크 복사 이미지 - 인터넷에 접속가능하다면 표시 1-2 ) alt 속성 - 이미지를 설명해 주는 대체 텍스트 이미지를 표시할 수 없는 상황에 텍스트로 대체됨. 화면 낭독기가 읽어줄 수 있다. 1-3 ) width , height 속성 - 이미지 크기 조정하기 예 ) 이미지 크기 조절

[HTML] Tag Quiz 4

Q4. 그림과 같은 표를 작성하세요. 커피 드립 순서 - 아라비아 숫자 필터접기 분쇄 불림 추출 커피 드립 순서 - 알파벳 소문자 필터접기 분쇄 불림 추출 조건 1. 태그를 사용 2. 표의 제목셀은 태그를 사용하고 그 외 셀들은 사용 Q4. 정답 코드 더보기 주요 SNS 서비스별 이용률(%) 페이스북 카카오스토리 밴드 인스타그램 트위터 2015년 77.1 58.3 32.4 16.7 22.1 2016년 73.8 51.0 40.1 28.1 14.7

[HTML] Tag Quiz 3

Q3. 텍스트를 두 가지 종류의 순서 있는 목록으로 표시하세요. 커피 드립 순서 - 아라비아 숫자 필터접기 분쇄 불림 추출 커피 드립 순서 - 알파벳 소문자 필터접기 분쇄 불림 추출 조건 1. '필터접기'에서 '추출'까지 4개 항목을 가진 순서 목록을 만듭니다. 2. 첫 번쨰 목록은 아라비아 숫자로 나열하는 순서 목록 3. 두 번쨰 목록은 알파벳 소문자로 나열하는 순서 목록 Q3. 정답 코드 더보기 커피 드립 순서 - 아라비아 숫자 필터접기 분쇄 불림 추출 커피 드립 순서 - 알파벳 소문자 필터접기 분쇄 불림 추출

[HTML] Tag Quiz 2

Q2. 기본적인 HTML문서를 만들고, txt문서를 가져와 사진과 같이 표현하시오. 이지스퍼블리싱 신입 사원 모집 공고 IT 기획, 편집 부서에서 함께 할 신입 사원을 모집합니다. 모집 직군 : 편집 기획 부서 직무 내용 : 도서 프로듀싱 업무 (신입 지원 가능) - 도서 기획, 편집 - 도서 홍보, 독자 소통 접수 마감일 : 2016.3.6. 자세한 내용은 공지 게시판을 참고하세요. 조건 1. 첫 번째 줄은 1단계 제목 태그를 사용합니다. 2. 두 번째 줄은 텍스트 단락으로 표시합니다. 3. '모집 직군'에서 '접수 마감일' 까지 순서 없는 목록으로 표시합니다. 4. '직무 내용' 다음 줄에 있는 도서 기획, 편집'과 '도서 홍보, 독자 소통'은 2단계 순서 없는 목록으로 표시합니다. 5. 마지막 줄은..

[HTML] Tag Quiz 1

Q1. 조건에 맞게 태그를 추가 서울특별시 서울의 지향 이미지 : 역사와 활력의 인간도시 휘장은 한글 '서울'을 서울의 산, 해, 한강으로 나타내면서 전체적으로는 신명나는 사람의 모습을 형상화한 것으로 인간 중심도시를 지향하는 서울을 상징합니다. 자연 - 인간 - 도시의 맥락 속에서 녹색 산은 환경사랑, 청색 한강은 역사와 활력, 가운데 해는 미래의 비전과 희망을 함축하고, 이 세가지 요소를 붓터치로 자연스럽게 연결하여 서울의 이미지와 사람의 활력을 친근하게 느낄 수 있도록 하였습니다. 조건 1. 첫 번째 줄 텍스트는 1단계 제목 2. 제목 이하 텍스트는 3개 단락으로 나누기 - 1단락 : 내용을 강조하기 위해 굵게 표시 - 2단락 : 이탤릭체로 표현 (강조의 의미X) - 3단락 : 읽기 쉽게 적당히 줄..

[HTML] 04.표를 만드는 태그

Index 더보기 1. , , , - 기본적인 표 만들기 2. colspan , rowspan 속성 - 행 또는 열 합치기 3. , - 표에 제목 붙이기 4. , , - 표 구조 정의하기 1. , , , - 기본적인 표 만들기 1-1 ) 태그로 표 자리를 생성 1-2 ) 태그로 행 생성 1-3 ) 태그로 각 행마다 셀 생성 기본적으로 표는 테두리 없이 표시되기 때문에 셀 구분을 쉽게 할 수 있도록 css를 사용하여 테두리를 추가했습니다. 태그는 표에 제목 셀을 설정 가능 -> 다른 글자들 보다 굵게 표시되고 셀의 중앙에 표시된다. 제목 셀 1행 2열 1행 3열 제목 셀 2행 2열 2행 3열 2. colspan , rowspan 속성 - 행 또는 열 합치기 내용 내용 3. , - 표에 제목 붙이기 3-1 ..