코밍이의 하루

1. 개발 환경 구분 내용 사용 언어 HTML5 개발환경 Visual Studio Code 참고 도서 [Do it] HTML5 + CSS3 웹 표준의 정석 웹브라우저 Chrome 2. 주요 문법 1) 태그 - 텍스트와 함께 사용하면 텍스트 링크가 되고 이미지와 함께 사용하면 이미지 링크가 된다. 기본형 텍스트 2) 태그 속성 속성 내용 href 링크한 문서나 사이트의 주소를 입력 target 링크한 내용이 표시될 위치(현재 창 또는 새 창)를 지정 download 링크한 내용을 보여 주는 것이 아니라 다운로드 한다 rel 현재 문서와 링크한 문서의 관계를 알려줌 hreflang 링크한 문서의 언어 지정 type 링크한 문서의 파일 유형을 알려줌 3) target 속성 속성 내용 _blank 링크 내용이 ..

1. 개발 환경 구분 내용 사용 언어 HTML5 개발환경 Visual Studio Code 참고 도서 [Do it] HTML5 + CSS3 웹 표준의 정석 웹브라우저 Chrome 2. 주요 문법 1) 웹에서 사용하는 이미지 형식 파일 형식 설명 GIF(Graphic Interchange Form) - 최대 256가지 색 표현 - 아이콘이나 불릿 등 작은 이미지에 주로 사용 - 투명한 배경이나 움직이는 이미지를 만들 수 있음 JPG/JPEG (Joint Photographic Experts Group) - 사진을 위해 개발된 형식 - 다양한 색상과 명암을 표현할 수 있음 - 저장을 반복하다 보면 화질이 떨어질 수 있음 PNG(Portable Network Graphices) - 투명 배경을 만들면서 다양한..

1. 개발 환경 구분 내용 사용 언어 HTML5, CSS3 개발환경 Visual Studio Code 참고 도서 [Do it] HTML5 + CSS3 웹 표준의 정석 웹브라우저 Chrome 2. 주요 문법 1) 관련 태그 태그 내용 table의 제목 부분 table의 본문 table의 요약 부분 여러 열을 묶어 스타일을 적용할 때 사용, 태그 뒤와 , 태그 전에 사용 - 한 열에 있는 모든 셀에 같은 스타일을 적용하려고 할 때 사용 - 둘 이상의 열을 묶어 같은 스타일 지정할 때는 span 속성 이용 - 태그 뒤와 , 태그 전에 사용 - 반드시 표의 열의 개수와 같아야 함 3. 소스 코드 및 실행 화면 - table-6.html 제주특별자치도 학교현황(2015.4.1 기준) 구분 학교수 학급수 학생수 교..

1. 개발 환경 구분 내용 사용 언어 HTML5, CSS3 개발환경 Visual Studio Code 참고 도서 [Do it] HTML5 + CSS3 웹 표준의 정석 웹브라우저 Chrome 2. 주요 문법 1) 관련 태그 태그 내용 전체적인 표의 틀을 만들어준다 표의 행을 만든다 각 행의 열을 만든다 표에 제목 셀, 자동으로 글자 굵기 굵게하고 중앙 정렬시킨다. 행 합치기 ex) 내용 열 합치기 ex) 내용 표 설명, 태그 바로 다음에 사용, 표의 위쪽 중앙에 표시 태그로 감싼 후 제목이나 설명 글 입력, 태그 앞에 사용 시 표 위 제목 표시, 태그 뒤에 사용 시 표 아래 제목 표시 사용 할 때 사용, 표 전체를 감싼다. 2) 속성 속성 내용 aria-describedby 표에 대한 설명 제공하기, 화면..

1. 개발 환경 구분 내용 사용 언어 HTML5 개발환경 Visual Studio Code 참고 도서 [Do it] HTML5 + CSS3 웹 표준의 정석 웹브라우저 Chrome 2. 주요 문법 1) 관련 태그 태그 내용 목록 표시, 사전 구성처러 '제목'과 '설명이 한 쌍인 설명 목록을 만든다. 제목 표시 설명 표시 3. 소스 코드 - dl.html 제주 올레 올레 1코스 코스 : 시흥 초등학교 옆 - 광치기 해변 거리 : 14.6km(4~5시간) 난이도 : 중 올레 2코스 코스 : 광치기 해변 - 온평 포구 거리 : 14.5km(4~5시간) 난이도 : 중 국가 전염병 위기 경보 수준 관심 주의 경계 심각 4. 실행 화면

1. 개발 환경 구분 내용 사용 언어 HTML5 개발환경 Visual Studio Code 참고 도서 [Do it] HTML5 + CSS3 웹 표준의 정석 웹브라우저 Chrome 2. 주요 문법 1) 관련 태그 태그 내용 순서가 필요한 목록을 만들 때 사용 태그안에 위치하며 각 항목 표시 2) ol 속성 속성 내용 type 항목 앞에 오는 타입을 다양하게 조절(1,a,A,i,I) start 순서목록은 기본값 1부터 시작, 순번 지정을 통해 중간 번호부터 시작할 수 있음. reversed 항목을 역순으로 표시 3. 소스 코드 - ol.html 1박 2일 가족 여행 코스 1일차 해녀박물관 낚시체험 2일차 용눈이오름 만장굴 카약체험 4. 실행 화면