Frontend/HTML

03. HTML5 텍스트 관련 태그

I. Heading 태그 this is h1 this is h2 this is h3 this is h4 this is h5 this is h6 Note폰트 사이즈를 키우고 진하게 하는 방법으로도 외견상 같은 효과를 볼 수 있지만, heading 태그를 사용하는 경우 검색 엔진에서 더 중요한 element로 고려한다는 의미론적 차이가 있다. II. Text Fromatting 태그 b & strong bold text. 두 태그로 인한 결과는 외견상 동일하지만 의미론적인 차이를 갖는다. this is b this is strong i & em italic text. 두 태그로 인한 결과는 외견상 동일하지만 의미론적인 차이를 갖는다.em은 emphasize의 약자이다. this is i this is em ..

02. HTML5 기본 태그

Hello, world! meta 태그 meta 태그는 charset attribute를 통해 HTML 문서의 문자 인코딩 방식을 브라우저에게 전달하거나, description, author, keywords와 같은 정보를 검색 엔진에게 전달하는 목적으로 사용한다. title 태그 title 태그는 브라우저의 탭에 표시되는 문서의 제목을 정의한다. style 태그 style 태그는 internal style sheet를 정의할 때 사용한다. link 태그 link 태그는 external style sheet를 link하는 역할을 맡는다. script 태그 script 태그는 JavaScript 코드를 embed 하거나 external script file을 참조할 때 사용한다. script 태그는 경우에..

01. HTML5 기본 문법

Hello world HTML is the standard markup language for ... II. Element element는 HTML 문서를 구성하는 기본 요소이다. element는 일반적으로 start tag, end tag, content로 구성된다.this is a content Void Element content 없이 start tag 하나로만 구성된 element도 존재한다. 이 때 start tag를 void tag, self-closing tag 등의 이름으로 부르기도 한다. void element가 아닌 일반 태그를 normal tag라고 부르기도 한다. 대표적인 void elementsbrhrimginputlinkmeta III. Attribute attribute는 st..