본문 바로가기

분류 전체보기589

HTML 요소(HTML Elements) 이번 글에서는 HTML요소에 관련해서 학습해보고자 한다. HTML 구성요소와 중첩HTML에 관련해서 살펴볼 것이며, 빈 HTML요소와 HTML 대소문자에 관련해서 정리해 볼 것이다. HTML 기본 요소에 대한 개념을 파악하고 이해하는 시간이니 가볍게 읽어보시고 가능하면 천천히 실습을 꼭 해보기를 추천한다. HTML 요소 구성요소 HTML 요소는 시작 태그에서 끝 태그까지 모든 것이 요소이다. 내용은 이곳에... HTML 요소의 예제이다. 나의 첫번째 제목 나의 첫번째 단락. 상기 HTML요소를 정리하며 아래 표와 같다. 시작태그 요소내용 끝태그 나의 첫번째 제목 나의 첫번째 단락 none none 요소는 내용을 가지고 있지 않다. 이런 요소를 빈요소(empty elements)라고 부른다. 빈요소는 끝태.. 2023. 4. 12.
HTML 기본 예제 두번째 시간입니다. 이번에는 기본 HTML 예제를 볼 것이다. HTML 문서 HTML문서는 로 시작해야만 한다. HTML문서는 로 시작하고 로 끝난다. HTML문서의 보이는 부분은 This is a link 링크의 목적지는 'href' 속성에 정의된다.속성은 HTML 요소에 관련한 추가적인 정보를 제공하는데 사용된다. 'This is a link' 글자를 클릭하면 네이버 사이트로 이동한다. 다음 장에 속성에 관련하여 더 공부할 것이다. HTML 이미지 HTML이미지는 태그로 정의된다.소스 파일(src), 대안문자(alt), width와 height는 속성으로 제공된다. 예제 HTML소스를 보는 방법 크롬 브라우저에서는 오른쪽 마우스를 클릭하여 '페이지 소스 보기'를 클릭하여 소스를 본다.엣지 브러우저에서.. 2023. 4. 11.
HTML 시작하기 안녕하세요 HTML이란 무엇인가 간략하게 알아보려고 한다. 이 글은 w3school 사이트에서 HTML Tutorial을 기반으로 기본문법과 실습을 위주로 글을 작성해 보고자 한다. HTML이 무엇일까요? HTML은 Hyper Text Markup Language이다. HTML은 웹 페이지를 생성하기 위한 표준 마크업 언어이다. HTML은 웹 페이지의 구조를 설명한다. HTML은 마크업 요소들로 구성한다. HTML은 컨텐트를 화면에 어떻게 표시할지를 브라우저에 알려준다. HTML 요소는 "이것은 제목입니다.", "이것은 단락입니다.", "이것은 링크입니다" 등과 같은 컨텐츠에 레이블을 지정한다. 단순한 HTML 문서 Example Page Title My First Heading My first para.. 2023. 4. 10.
앱인벤터 OpinionPoll 앱-코딩편 앱인벤터 OpinionPoll 앱-코딩편 앱인벤터 홈페이지에 나와 있는 튜터리얼을 참고해서 작성한 것이다. 튜터리얼의 목적은 앱인벤터의 많은 블록은 이해하고 활용할 수 있도록 도와주는 프로그램들로 구성되어 있다. 인스타그램에서 투표를 만드는 것부터 투표를 하는 것까지, 투표하는 능력은 큰 책임감을 동반한다(그리고 매우 재미있을 수 있다). 이 안내서를 사용하여 다른 사용자가 자신의 목소리를 연습하고 의견을 공유하며 결과를 표시할 수 있는 투표 앱을 만들 수 있다. 우리는 당신이 무엇을 생각해 낼지 매우 기대된다! 이 프로젝트에서는 사용자가 주제에 대한 의견을 표현할 수 있는 간단한 폴링 앱을 만들고 그 결과를 클라우드를 통해 수집합니다. 이 과정에서 MIT App Inventor 코딩 환경에서 데이터를 .. 2022. 12. 26.