목록웹언어 공부/HTML5 (19)
코밍이의 하루

1. 개발 환경 구분 내용 사용 언어 HTML5 개발환경 Visual Studio Code 참고 도서 [Do it] HTML5 + CSS3 웹 표준의 정석 웹브라우저 Chrome 2. 주요 문법 태그 내용 순서가 필요하지 않은 목록을 만들 때 사용 태그안에 위치하며 각 항목 표시 3. 소스 코드 - ul.html 관광 안내 전화 한국관광공사에서는 전국의 관광안내소와 공동으로 여러분의 여행편의를 위해 관광안내전화 1330 서비스를 연중무휴 실시하고 있습니다. 1330에는 해당 지역의 지도와 관광 가이드북, 관광안내소를 대신할 수 있을 정도의 다양한 정보가 있습니다. 원하는 관광지는 물론이며 숙박, 교통, 음식점 등의 자세한 정보를 한국어를 비롯한 영어, 중국어, 일어의 3개 국어로도 이용 가능합니다. 일반..

1. 개발 환경 구분 내용 사용 언어 HTML5 개발환경 Visual Studio Code 참고 도서 [Do it] HTML5 + CSS3 웹 표준의 정석 웹브라우저 Chrome 2. 주요 문법 태그 내용 동아시아 국가들의 글자에 주석을 함께 표기하기 위한 용도로 사용 주석으로 표시할 내용을 태그 안에 태그로 표시 약자 표시, title 속성 함께 사용 3. 소스 코드 - text-6.html 루비(Ruby)는 1995년, 일본의 프로그래머인 마츠모토 유키히로 (松本行弘まつもとゆきひろ)가 만든 프로그래밍 언어입니다. IoT란 각종 사물에 센서와 통신 기능을 내장해 인터넷에 연결하는 기술을 의미한다. 최근엔 디지털 세상을 살아가기 위한 기본 상식으로 코딩 교육이 시행되고 있다. 4. 실행 화면

1. 개발 환경 구분 내용 사용 언어 HTML5 개발환경 Visual Studio Code 참고 도서 [Do it] HTML5 + CSS3 웹 표준의 정석 웹브라우저 Chrome 2. 주요 문법 태그 내용 형광펜 효과 내기 줄바꿈 없이 영역 묶기, 주로 스타일 적용하려고 할 때 사용 3. 소스 코드 - text-5.html 야외 텐트를 닮은 건축물 "테쉬폰" 아일랜드 출신 임피제 신부가 1954년 제주에 오면서 목장 숙소로 짓기 시작한 후 사료공장, 성당으로 활용됐습니다. 제주에서 점차 다른 지방으로 보급됐지만 현재 제주에만 건축물이 남아있으며, 국내 근현대 건축사의 한 페이지를 보여주는 가치를 지닌다고 전문가들은 평가합니다. 4. 실행 화면

1. 개발 환경 구분 내용 사용 언어 HTML5 개발환경 Visual Studio Code 참고 도서 [Do it] HTML5 + CSS3 웹 표준의 정석 웹브라우저 Chrome 2. 주요 문법 태그 내용 인용 내용 표시하기, blockquote 태그와 달리 다른 내용과 함께 한 줄로 표시되고 해당 태그 양쪽 끝에 "가 붙음. 3. 소스 코드 - text-4.html 웹 접근성 웹의 창시자인 팀 버너스 리 (Tim Berners-Lee)의 웹의 힘은 보편성에 있다. 장애에 구애없이 모든 사람이 접근할 수 있는 것이 필수적인 요소이다.라는 말로 웹 접근성을 설명한다. 4. 실행 화면

1. 개발 환경 구분 내용 사용 언어 HTML5 개발환경 Visual Studio Code 참고 도서 [Do it] HTML5 + CSS3 웹 표준의 정석 웹브라우저 Chrome 2. 주요 문법 태그 내용 굵게 표시, 중요도 높은 텍스트 인 경우 사용 굵게 표시 이탤릭체 표시, 중요도 높은 텍스트 인 경우 사용 이탤릭체 표시 3. 소스 코드 - text-3.html 제주 이색 여행지 - 이중섭 거리 주말마다 '서귀포문화예술디자인시장'이 열립니다. '아트마켓'이라고도 부르는데, 문화예술체험이나 공연관람을 할 수도 있고 작가들이 직접 만든 창작예술품 등을 판매하기도 합니다. 4. 실행 화면

1. 개발 환경 구분 내용 사용 언어 HTML5 개발환경 Visual Studio Code 참고 도서 [Do it] HTML5 + CSS3 웹 표준의 정석 웹브라우저 Chrome 2. 주요 문법 태그 내용 입력하는 그대로 화면에 표시 3. 소스 코드 - text-2.html 로컬 스토리지(Local Storage)를 저장하는 함수 : function savetheLocal(){ var second = document.getElementById("second"); var thevalue = second.value; localStorage.setItem(1, thevalue); gettheLocal(); } 4. 실행 화면