목록프로그래밍/HTML5/CSS3 (6)
구석진 개미집
HTML을 처음 작성할 때 어떤 순서로 작성해야 하는지 고민하게 되는 경우가 많습니다. 그렇기 때문에 정해진 순서와 문법을 알게 된다면 HTML문서를 작성하는데 도움이 될 것입니다. 그럼 작성 순서는 어떻게 될까요? W3G의 표준에 따르면 아래와 같습니다. 위의 순서에 있는 사항들에 대한 자세한 설명은 새로운 글을 통해서 차근차근 설명해나가겠습니다. 내용이 마음에 드신다면 공감(♡)을 눌러주세요. 로그인 하지 않으셔도 가능합니다. 감사합니다!
HTML 문서의 기본 구조를 살펴보기 전에 HTML의 구성요소를 먼저 살펴보는 것이 도움이 될 것 같습니다. HTML의 구성요소는 요소(Element), 태그(Tag), 속성(Attribute), 변수(Arguments) 입니다. 하나씩 살펴보겠습니다. 요소(Element, 엘리먼트) 보이는 내용 HTML에서는 꼭 필요한 것이 바로 요소입니다. HTML문서는 완전한 HTML요소로 구성되어 있기 때문입니다. 즉 HTML에서 시작태그와 종료태그 또는 시작과 종료의 구분이 없는 태그를 포함한 모든 명령어 및 영역을 의미합니다. 태그(Tag) 보이는 내용 태그는 꺽쇠괄호()로 둘러싸인 키워드입니다. 그 중 시작을 알리는 태그와 종료를 알리는 태그(일부 태그에서는 종료를 알리는 태그가 없는 경우도 있습니다) 두 ..
Notepad++를 처음 설치하고 실행하다 보면 한글이 깨지는 문제가 발생합니다. 안녕하세요! Hello!위와 같이 코딩을 한 후 결과를 살펴보겠습니다. >>결과 보기결과 보기
Notepad++를 간단하게 사용하는 방법을 함께 살펴보겠습니다. ^^ 먼저 Notepad++를 실행합니다. 1. 실행부터 HTML로 언어 변경까지 실행하면 위와 같이 기본 창과 함께 실행됩니다. 그리고 html 개발환경이 잘 구축되었는지 확인해보기 위해서 태그를 사용해보겠습니다. 그냥 검정색 글씨로만 출력되는 것을 보니, Nomal Text상태인 것 같네요. 그럼 HTML코딩을 위해서 언어환경을 바꿔볼까요? 메뉴에서 [언어]-[H]-[HTML]를 선택합니다. HTML로 선택하면, 위와 같이 스타일이 변경된 것을 확인할 수 있습니다. 2. 앞으로 만들게 될 새 문서에 자동으로 HTML 스타일 적용되도록 환경설정하기 HTML스타일로 변경했다고 해서, 새 문서에도 자동으로 적용되는 것은 아닙니다. 그렇기 때..
HTML을 코딩할 때, notepad(메모장)을 사용할 수 있습니다. 하지만, 기능이 없기 때문에 불편한 점이 많습니다. 이 점을 보완하기 위해서 시중에는 여러가지 편집기가 있습니다. Editplus, Adobe Edge Code CC, Eclipse 등 많습니다. 그 중 무료이면서 가벼운 Notepad++를 추천합니다. 그럼 Notepad++를 한번 설치해볼까요? 1. Notepad++ 다운받기 먼저, notepad++를 다운받아보겠습니다. 공식 홈페이지(링크)를 통해서 다운받을 수 있습니다. 홈페이지 메인화면입니다. 업데이트도 정기적으로 이루어지고 있는 것을 확인할 수 있습니다. 왼쪽 카테고리 중, download를 클릭합니다. Download 카테고리에 들어갔으면, 최신버전을 선택했는지 확인한 후 ..
1. 먼저 HTML이란 무엇일까요?HTML은 하이퍼텍스트 마크업 언어(HyperText Markup Language, 문화어: 초본문표식달기언어, 하이퍼본문표식달기언어)라는 의미의 웹 페이지를 위한 지배적인 마크업 언어다. HTML은 제목, 단락, 목록 등과 같은 본문을 위한 구조적 의미를 나타내는 것뿐만 아니라 링크, 인용과 그 밖의 항목으로 구조적 문서를 만들 수 있는 방법을 제공한다. 그리고 이미지와 객체를 내장하고 대화형 양식을 생성하는 데 사용될 수 있다. HTML은 웹 페이지 콘텐츠 안의 꺾쇠 괄호에 둘러싸인 "태그"로 되어있는 HTML 요소 형태로 작성한다. HTML은 웹 브라우저와 같은 HTML 처리 장치의 행동에 영향을 주는 자바스크립트와 본문과 그 밖의 항목의 외관과 배치를 정의하는 C..