목록CSS3 (6)
구석진 개미집
코딩할 때, 누락된 태그를 일정한 영역에 넣기 위해서 첫줄에 썼다가, 다시 마지막 부분을 찾아서 또 쓰고 하면 적지 않게 스트레스 받을 수 있습니다. Bracket에는 해당 기능이 있습니다만,Phpstorm에도 이런 기능이 있는지 찾아보았습니다.(아마도 Webstorm 도 같은 intellij 계열이니 같을 것으로 생각됩니다.) 단축키를 검색해보니 CTRL + ALT + T 라고 하네요.뭔가 용어가 영어다보니 유추하는 것이 쉽지 않네요. ^^; 아무튼,묶고 싶은 tag 영역을 블록 설정하고나서 해당 단축키를 누르면 아래와 같은 이미지가 나옵니다. 저는 php if 문으로 묶고 싶기 때문에, 첫번째 항목을 선택해보았습니다. 이렇게 블록 설정한 끝 단에 각각 묶이는 것을 확인할 수 있었습니다. 앞으로는 조금..
최근에 HTML5/CSS3를 공부하면서 부트스트렙을 접하게 되었고, 거의 빠져 있다 싶을 정도로 알아보고 있습니다. 이미 개발 환경이 만들어진 상태에서 사이트를 구축할 수 있기 때문에 평소 제작하던 시간을 1/2로 단축할 수 있습니다. 그리고 반응형 기능이 적용되어 있기 때문에 별도 모바일 사이트를 제작할 필요도 없습니다. 여러 가지 템플릿을 알아보고 공부하던 중에 무료로 부트스트렙 템플릿을 제공해 주는 곳이 있어서 공유합니다. 무료 부트스트렙 템플릿 사이트 1. Start Bootstrap - http://startbootstrap.com/ 여러가지 어드민 페이지와 원페이지 템플릿을 제공하고 있습니다. 무료 템플릿에 더해서 프리미엄(유료)템플릿도 제공하고 있습니다. 2. Bootstrap Zero - ..
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..