새로운 행에서부터 입력이 시작되도록 합니다. A forced line-break의 줄임말입니다. ~태그의 쓰임과 유사하지만, p태그의 경우 단락을 나타내지만 br태그의 경우 줄바꿈을 나타냅니다. 태그의 경우 줄바꿈하는 태그로 문장상에서 Enter의 역할을 담당하는 것이고 br태그를 사용해서 디자인 변경을 해도 되지만 단락을 구분할 때는 ~태그를 사용하는 것이 더 좋습니다. 왜냐하면 p태그로 단락을 감싸는 것 자체가 이것이 단락이다라는 정보표시 효과도 포함되어 있기 때문입니다. 아직 배우지 않았지만, 자체 디자인 변경시에 태그에 CSS로 하는 것이 좋습니다. 예를 들어, 동해물과 백두산이 마르고 닳도록 하나님이 보우하사 우리 나라만세 무궁화 삼천리 화려강산 대한사람 대한으로 길이 보전하세 남산위에 저 소나..
p태그는 paragraph의 줄임말로 단락을 의미합니다. 위키피디아 사이트에서 "html"을 검색하여서 내용들을 불러와 봅시다. HTML 최초의 일반 공개 설명은 1991년 말에 버너스리가 처음으로 인터넷에서 문서를 "HTML 태그"(HTML tag)로 부르면서 시작되었다.[4][5]그것은 머릿글자로 이루어진 20개의 요소를 기술하였고, 상대적으로 HTML의 단순한 디자인이었다. 하이퍼링크를 제외한 HTML 태그들은 CERN 자체의 SGML 기반 문서화 포맷인 SGML GUID에 강하게 영향을 받았다. 이 요소의 13개는 HTML 4 버전에서도 여전히 존재한다.[6]HTML은 동적인 웹 페이지의 웹 브라우저를 통한 문자와 이미지 양식이다. 문자 요소의 대부분은 1988년 ISO 기술 보고서 9537 SG..
개발도구 개발이라는 것은 프로그램을 만드는 과정을 이야기합니다. 개발도구라는 것은 우리가 프로그램을 만드는 과정에서 좀 더 수월하게 개발을 할 수 있도록 도움을 주는 도구라고 생각하면 됩니다. 이제까지 우리가 사용한 도구로는 윈도우에 있는 메모장을 이용하여 작성을 하였지만 보다 더 수월하게 작업을 하기 위해서 개발도구를 소개하도록 하겠습니다. atom(추천 확장기능 emmet) sublime text(추천 확장기능 emmet) bracket "여러분 이제 프로그래밍을 처음 시작할 때, 만약에 제가 ATOM 같은 에디터를 처음부터 여러분들에게 제시했으면 여러분들은 그건 즐거운게 아니라 그냥 배워야 될, 넘어야 될 산 중의 하나였을 뿐일겁니다." -오픈튜토리얼즈 생활코딩 egoing님 曰 "메모장과 같은 도..
학습목표 블록 지정 방법에 대해 알아봅니다. 복사 및 이동 방법에 대해 알아봅니다. 글자 모양을 바꾸는 방법에 대해 알아봅니다. 블록 지정하기 문서 내용에서 원하는 부분을 마우스로 드래그하여 블록 지정할 수 있으며, 아래 표와 같이 사용해도 가능합니다. 블록 지정 범위 내 용 단어 마우스로 더블클릭 문단 마우스로 세번클릭 왼쪽 여백에서 더블클릭 한 줄 왼쪽 여백에서 클릭 문서 전체 왼쪽 여백에서 세번클릭 블록 지정 범위 내 용 줄 단위 글자 F3+방향키(오른쪽, 왼쪽) 칸 단위 글자 F4+방향키(위쪽, 아래쪽) 문단 F3 두번 누름 한 줄 F3 세번 누름 문서 전체 F3 네번 누름 복사 및 이동하기 [편집] 메뉴를 이용한 복사하기와 이동하기를 익혀봅시다. 복사하기 --> 붙이기 오려두기 --> 붙이기 C..
이번 시간에는 이제까지 배웠던 내용들을 바탕으로 웹사이트를 만들어 보도록 하겠습니다. 현재 사용하고 있는 태그들은 140여개를 사용하고 있지만, 그것들을 다 배워서 무언가를 한다기 보다는 일단, 이제까지 배운 가장 기본적이고 기초적인 내용을 가지고 의미있는 작업을 해보는 것이 중요합니다. index.html을 이용하여 "a" 태그를 이용한 링크를 사용하여 사용할 수 있도록 링크설정을 합니다. HTML 기술소개 기본문법 하이퍼텍스트와 속성 리스트와 태그의 중첩 하나하나의 페이지를 만들고, 링크를 클릭했을 때 그 페이지로 이동할 수 있도록 문서와 내용들을 작성해 줍니다. 기술소개HTML은 HyperText Markup Language의 약자로서 웹페이지를 만드는 언어입니다. 기본문법태그를 사용합니다. 하이퍼..