728x90 CSS12 HTML 기본 내용(http 프로토콜 / 웹서버 / WAS / 클라이언트 / 웹개발 / 이클립스) HTML(Hyper Text Markup Language) : 태그(Tag)를 사용하여 웹문서를 구조적으로 표현하기 위한 언어→ 브라우저 엔진에 의해 해석되어 실행(출력)되는 언어 - 출력 전용 언어CSL(Client Script Language) : 클라이언트에서 해석되어 실행되는 언어 - HTML, CSS, Javascript태그를 사용하여 웹문서(HTML 문서) 작성 - 태그는 대소문자를 구분하지 않는다.시작태그와 종료태그가 하나의 그룹으로 묶여져서 사용된다. - HTML 태그중에는 독립 태그도 존재한다.시작태그와 종료태그 안에는 하위태그(자식태그) 또는 태그내용을 작성하면 된다.시작태그에는 속성과 속성값을 사용하여 태그를 다양하게 표현할 수 있다.→ 태그에는 동일한 이름의 속성 사용이 불가능하다... 2024. 6. 25. HTML 태그(tag)의 사용방법 HTML 문서는 기본적으로 수많은 태그(Tag)들로 이루어져 있다. 그리고 그 태그들은 모두 각각의 의미를 가지고있기 때문에, 문서 위치나 상황에 맞게끔 적절히 잘 사용을 해야한다. 물론 추후에 코드작성을 하고 실제로 웹페이지로 확인했을때 이 태그를 쓰나 저 태그를 쓰나 보여지는건 똑같을 수 있다. 하지만 초반에도 언급했듯이 HTML은 단순히 보여지는 웹페이지를 디자인 하기 위한 목적으로 사용하는것 아닌 엄연한 '문서'로써 웹표준 및 웹접근성을 준수하여 작성을 하여야 하기 때문에 태그의 종류를 바로 알고 바로 사용해야 한다. [태그(tag) 사용법] 기본적으로 태그는 꺽쇠를 사용하여 표현하고, 예외도 있지만 열고 다는 부분이 있다. - 여는부분 : - 닫는부분 : (태그 앞에 '/'가 추가됐다) 문단 위.. 2022. 7. 12. DOM(Document Object Model), BOM(Browser Object Model) 브라우저 객체 모델(BOM / Browser Object Model) - 브라우저에 접근할 수 있는 객체 모델이다 - BOM의 최상위 객체는 window이다 - window, navigator, history, location, document 등 문서 객체 모델(DOM / Document Object Model) - 문서에 접근할 수 있는 객체 모델이다 - DOM의 최상위 객체는 html이다 2022. 7. 12. HTML 노드의 종류(웹퍼블리싱/프론트엔드/html/css/javascript/기초) HTML DOM은 노드(Node)라고 불리는 계층적 단위에 정보를 저장하고 있음. HTML DOM은 이러한 노드들을 정의하고, 그들 사이의 관계를 설명해주는 역할을 함. 노드의 종류 노드 설명 문서 노드(document node) HTML 문서 전체를 나타내는 노드 요소 노드(element node) 모든 HTML 요소는 요소 노드이며, 속성 노드를 가질 수 있는 유일한 노드임. 속성 노드(attribute node) 모든 HTML 요소의 속성은 속성 노드이며, 요소 노드의 관한 정보를 가지고 있음. 하지만 해당 요소 노드의 자식 노드(child node)에는 포함되지 않음. 텍스트 노드(text node) HTML 문서의 모든 텍스트는 텍스트 노드임. 주석 노드(comment node) HTML 문서의.. 2022. 7. 12. HTML과 CSS HTML(Hyper Text Markup Language) Hyper Text => 다른 곳으로 연결할 수 있는 기능을 가진 멋진 텍스트 Markup Language => 마크(표기)된 언어 기본적으로 HTML은 문서라고 생각할 수 있다. 이후 HTML의 태그들을 공부하다 보면 알게되겠지만 의 헤딩태그, 문단태그, 줄바꿈 등 문서를 이루는 기본 형태를 표기할 수 있는 태그들로 구성되어있다. 우리가 흔히 오프라인인 책에서 문서를 구성한다면, 온라인에서는 HTML로 문서를 구성한다고 보면된다. 그런데 굳이 저런 태그들을 쓰는 이유는, 컴퓨터가 이해할 수 있도록 사용하기 위해서이다. 인간은 시각적으로 문서의 구조를 보고 구성이 어떻게 되어있는지, 어디가 제목이고 어디가 본문인지를 쉽게 알아 챌 수 있다. .. 2020. 6. 3. html, css, js는 무엇인가? 먼저 html, css, js 각각이 무엇인지 이론적이고 자세하게 알기위해 접근을 하면 한도끝도 없이 어려울 것이다. 그리고 각각의 목적과 기능들도 매우 광범위해서 갈피를 잡기 힘들수도 있다. 그래서 이 글들을 통해서는 최대한 간단한 표현으로 html, css, js를 설명하는 것이 나의 목적이고, 간단한게 설명하기 때문에 전문가가 볼때 본질적으로 틀리거나 잘못된 부분이 있을 수 있다는걸 미리 언급하고 나아가려 한다. 대부분 html, css, js를 배우는 목적은 웹페이지를 만들기 위함일 것이다. 처음 웹퍼블리셔가 되기위해 강의를 수강하게 된다면 무작정 코드를 따라 쓰게 되고 그중에 거의 초반에 아무것도 모르고 따라쓰는 코드는 Hello World 일 것이다.(지금은 그냥 무시하고 넘어가도 된다.).. 2020. 6. 1. 이전 1 2 다음 728x90
