개념.log 43

[HTML] 05. 링크 만들기

INDEX 1. target 속성 2. anchor ( 앵커 만들기 ) 3. ,,usemap속성 Index 항목을 클릭하면 해당 위치로 이동합니다. 게시물의 anchor 테스트를 위해 목록간의 간격을 넓게 설정하였습니다. 1. 링크 만들기 기본형 텍스트 태그? 텍스트와 함께 사용하면 텍스트 링크가 되고 이미지와 함께 사용하면 이미지 링크가 됩니다. 1-1 ) target 속성 - 새 탭에서 링크열기 저장된 이미지 파일 - 서버에 사진 파일까지 함께 업로드 웹 상의 링크 복사 이미지 - 인터넷에 접속가능하다면 표시 [ INDEX로 돌아가기 ] 1-2 ) anchor ( 앵커 만들기 ) 한 페이지 안에서 점프하는 앵커 만들기 페이지가 긴 웹문서에서 특정 요소를 클릭하면 그 위치로 한번에 이동하도록 도와준다...

[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 ..

[HTML] 03. 목록과 관련된 태그

INDEX 더보기 1. , 태그 - 순서없는 목록 만들기 2. , 태그 - 순서 목록 만들기 3. 실습 - 온라인 프로필 - 텍스트 입력하기 1. , 태그 - 순서없는 목록 만들기 순서가 필요하지 않은 목록(unordered list)을 만들 때는 태그 안에 태그 (list item)를 사용해 각 항목을 표시합니다. 관광 안내 전화 한국관광공사에서는 전국의 관광안내소와 공동으로 여러분의 여행편의를 위해 관광안내전화 1330 서비스를 연중무휴 실시하고 있습니다. 1330에는 해당 지역의 지도와 관광 가이드북, 관광안내소를 대신할 수 있을 정도의 다양한 정보가 있습니다. 원하는 관광지는 물론이며 숙박, 교통, 음식점 등의 자세한 정보를 한국어를 비롯한 영어, 중국어, 일어의 3개 국어로도 이용 가능합니다. ..

[HTML] 02. 텍스트 관련 태그

INDEX 더보기 01. 블록 레벨 태그 02. 인라인 레벨 태그 01. 블록 레벨 태그 1. 태그 - 제목 표시하기 일반 텍스트보다 굵고 진하게 표시된다. 에서 까지 표현가능하고 숫자가 작을 수록 큰 텍스트 표현가능. 제목 숫자 1~6까지 사용가능 숫자가 작을 수록 작은 텍스트 2. 태그 - 단락 만들기 태그를 만날 때 까지 한줄로 표시, 단 브라우저 창의 너비보다 길 경우 자동으로 줄 바뀜. 3. 태그 - 줄 바꿈 4. 태그 - 수평 줄 넣기 5. 태그 - 인용문 넣기 제주 이색 여행지 야외 텐트를 닮은 건축물 "테쉬폰" 아일랜드 출신 임피제 신부가 1954년 제주에 오면서 목장 숙소로 짓기 시작한 후 사료공장, 성당으로 활용됐습니다. 제주에서 점차 다른 지방으로 보급됐지만 현재 제주에만 건축물이 남..

반응형