구석진 개미집

코딩할 때, 누락된 태그를 일정한 영역에 넣기 위해서 첫줄에 썼다가, 다시 마지막 부분을 찾아서 또 쓰고 하면 적지 않게 스트레스 받을 수 있습니다. Bracket에는 해당 기능이 있습니다만,Phpstorm에도 이런 기능이 있는지 찾아보았습니다.(아마도 Webstorm 도 같은 intellij 계열이니 같을 것으로 생각됩니다.) 단축키를 검색해보니 CTRL + ALT + T 라고 하네요.뭔가 용어가 영어다보니 유추하는 것이 쉽지 않네요. ^^; 아무튼,묶고 싶은 tag 영역을 블록 설정하고나서 해당 단축키를 누르면 아래와 같은 이미지가 나옵니다. 저는 php if 문으로 묶고 싶기 때문에, 첫번째 항목을 선택해보았습니다. 이렇게 블록 설정한 끝 단에 각각 묶이는 것을 확인할 수 있었습니다. 앞으로는 조금..

HTML을 처음 작성할 때 어떤 순서로 작성해야 하는지 고민하게 되는 경우가 많습니다. 그렇기 때문에 정해진 순서와 문법을 알게 된다면 HTML문서를 작성하는데 도움이 될 것입니다. 그럼 작성 순서는 어떻게 될까요? W3G의 표준에 따르면 아래와 같습니다. 위의 순서에 있는 사항들에 대한 자세한 설명은 새로운 글을 통해서 차근차근 설명해나가겠습니다. 내용이 마음에 드신다면 공감(♡)을 눌러주세요. 로그인 하지 않으셔도 가능합니다. 감사합니다!

HTML 문서의 기본 구조를 살펴보기 전에 HTML의 구성요소를 먼저 살펴보는 것이 도움이 될 것 같습니다. HTML의 구성요소는 요소(Element), 태그(Tag), 속성(Attribute), 변수(Arguments) 입니다. 하나씩 살펴보겠습니다. 요소(Element, 엘리먼트) 보이는 내용 HTML에서는 꼭 필요한 것이 바로 요소입니다. HTML문서는 완전한 HTML요소로 구성되어 있기 때문입니다. 즉 HTML에서 시작태그와 종료태그 또는 시작과 종료의 구분이 없는 태그를 포함한 모든 명령어 및 영역을 의미합니다. 태그(Tag) 보이는 내용 태그는 꺽쇠괄호()로 둘러싸인 키워드입니다. 그 중 시작을 알리는 태그와 종료를 알리는 태그(일부 태그에서는 종료를 알리는 태그가 없는 경우도 있습니다) 두 ..

Notepad++를 간단하게 사용하는 방법을 함께 살펴보겠습니다. ^^ 먼저 Notepad++를 실행합니다. 1. 실행부터 HTML로 언어 변경까지 실행하면 위와 같이 기본 창과 함께 실행됩니다. 그리고 html 개발환경이 잘 구축되었는지 확인해보기 위해서 태그를 사용해보겠습니다. 그냥 검정색 글씨로만 출력되는 것을 보니, Nomal Text상태인 것 같네요. 그럼 HTML코딩을 위해서 언어환경을 바꿔볼까요? 메뉴에서 [언어]-[H]-[HTML]를 선택합니다. HTML로 선택하면, 위와 같이 스타일이 변경된 것을 확인할 수 있습니다. 2. 앞으로 만들게 될 새 문서에 자동으로 HTML 스타일 적용되도록 환경설정하기 HTML스타일로 변경했다고 해서, 새 문서에도 자동으로 적용되는 것은 아닙니다. 그렇기 때..

1. 먼저 HTML이란 무엇일까요?HTML은 하이퍼텍스트 마크업 언어(HyperText Markup Language, 문화어: 초본문표식달기언어, 하이퍼본문표식달기언어)라는 의미의 웹 페이지를 위한 지배적인 마크업 언어다. HTML은 제목, 단락, 목록 등과 같은 본문을 위한 구조적 의미를 나타내는 것뿐만 아니라 링크, 인용과 그 밖의 항목으로 구조적 문서를 만들 수 있는 방법을 제공한다. 그리고 이미지와 객체를 내장하고 대화형 양식을 생성하는 데 사용될 수 있다. HTML은 웹 페이지 콘텐츠 안의 꺾쇠 괄호에 둘러싸인 "태그"로 되어있는 HTML 요소 형태로 작성한다. HTML은 웹 브라우저와 같은 HTML 처리 장치의 행동에 영향을 주는 자바스크립트와 본문과 그 밖의 항목의 외관과 배치를 정의하는 C..