Language/HTML & CSS

적용 방법 크게 세 가지 방법으로 나뉜다. 하나는 외부 적용, 하나는 내부 적용, 하나는 태그 마다 적용이다. • 외부 (External CSS)외부에서 CSS 파일을 불러와서 태그로 적용하는 방법으로 가장 많이 사용되고, 권장된다.위와 같이 적용하며, 주로 위와 같이 태그 안에 CSS를 넣어 적용한다. • 인라인 (Inline CSS)각 태그마다도 적용시킬 수 있다. 빨간색, 20px위와 같이 HTML 태그 안에 style 속성을 직접 설정하여 CSS를 적용한다. 적용 우선순위 1. !important    모든 CSS 규칙을 초과하여 우선순위가 가장 높다.2. style 속성을 이용한 inline    HTML 태그에 직접 지정하면 다른 스타일시트에서 정의한 규칙보다 우선한다.3. id 선..

Class 및 ID class와 id 모두 HTML 속성이다. 즉 태그 안에 다음과 같이 넣을 수 있다.버튼헤더class는 여러 태그들에 적용 가능하다. 즉 같은 이름을 가진 클래스를 여러 태그가 공유할 수 있고, 이를 통해서 여러 태그를 묶어서 관리할 수 있다. 반면 id는 단일 태그에만 사용 가능하다. 예를 들어서 어떤 태그에 "header"라는 id를 사용했다면 다른 태그에서는 "header"라는 id는 사용할 수 없다.두 속성 모두 CSS를 통해 디자인할 때 사용할 수 있다. class는 .을 통해 접근하고, id는 #을 통해 접근한다는 차이점이 있다. 아래와 같이 적용하면 된다. 참고로 비슷해보이는 name 속성은 CSS에서 사용 불가능하다. classid여러 요소 적용 가능단일 요소만 적용 가..

기본 구조 HTML 전체를 크게 나누는 태그이다.HTML 문서를 표준 모드로 렌더링하도록 브라우저에 선언하는 태그로, HTML5에서는 단순 선언용으로 사용된다.HTML 문서의 루트 요소로, 전체 HTML 콘텐츠를 감싸는 최상위 태그이다.문서의 메타데이터를 포함하는 영역으로, 제목, 스타일시트, 스크립트 등을 정의한다.브라우저에 표시될 실제 콘텐츠, 즉 텍스트, 이미지, 링크 등을 포함하는 영역이다. 메타데이터 태그 (Metadata Tag) HTML 문서에 대한 정보를 제공하는 태그로, 브라우저나 검색 엔진이 문서를 해석하는 데 사용되며, 주로 내부에 포함된다.문서의 메타데이터를 정의하는 요소로, 문자 인코딩, 뷰포트 설정, SEO 관련 정보 등을 포함할 수 있다.문서 내 모든 상대 URL의 기준이 되..

HTML HTML은 HyperText Markup Language의 약자로, 마크업 언어에 속한다. 마크업 언어는 문서의 논리적인 구조를 정의하거나, 화면에 표시되는 형식을 지정하는 컴퓨터 언어의 일종이다. 하지만 프로그래밍 언어와는 차이가 있다. 따라서 누군가 "저는 HTML로 프로그래밍해요"라고 말한다면, 엄밀히 말해 틀린 표현이다. 그래서 이를 이용한 밈도 존재한다.HTML은 웹 문서의 구조를 정의하며, 텍스트, 이미지, 링크, 동영상 등의 요소를 배치하는 역할을 한다. 우리가 보는 기본적인 웹 페이지의 뼈대를 구성한다고 보면 된다. 다만 HTML만으로는 정적인 웹페이지 정도만 제작할 수 있다. 따라서 디자인을 위해 CSS, 동적인 기능을 위해 JavaScript와 함께 사용하는 것이 일반적이다. ..