STUDIO_54

*ID 고유한 속성으로 한 HTML 문서에 하나만 사용 가능 고유한 ID 값이 있으면 하나하나에 특별한 제어를 할 수 있음 *Class 하나의 HTML 문서 안에 중복해서 사용 가능 하나의 태그에 여러 개의 다른 class 이름을 공백을 기준으로 나열 가능 홈페이지 전체적인 스타일을 일관서 있게 지정하기 위해서는 class의 사용이 필수

*HTML의 기본 구조 _예시 HTML Hello, HTML *문서 타입 정의 보통 DTD(doctype)라고 부름 문서가 어떤 버전으로 작성되었는지 브라우저에 알려주는 선언문 격, 반드시 문서 내 최상단에 선언되어야 함 *요소 문서 타입 선언 후, 태그가 나오고 자식으로는 태그와 태그 태그의 lang 속성은 어느 언어로 작성 되었는지 의미 태그에 위치하는 태그들은 브라우저 화면에 표시 안 됨 (문서의 기본 설정이나 외부 스타일 시트 파일 및 js 파일을 연결하는 등의 역할) 태그의 charset 속성은 문자의 인코딩 방식을 지정 태그에는 실제 브라우저 화면에 나타내는 내용이 들어감 위 코드는 가장 기본적인 문서 구조, 이 보다 더 많은 태그가 들어감

*HTML에서의 주석 HTML 주석은 화면상에 표시 되지 않고 코드 상에만 노출(메모의 목적) > 코드에 대한 설명을 적거나, 임시로 태그를 보이지 않게 함 주석의 시작은 표시로 종료 _예시

*HTML에서의 공백 기본적으로 HTML은 한 칸 이상의 공백을 모두 무시 (이러한 공백 처리는 css로 제어할 수 있음, 추후 학습 예정)

*빈 태그란? 앞서 태그는 중첩할 수 있지만, 불가한 태그도 있음 > 이런 태그를 빈 태그 시작태그와 종료태그 2개가 1쌍으로 이루어지지 않은 태그 _예시 *빈 태그의 특징 내용이 비어있을 뿐, 속성을 통해 화면 표시나 다른 용도로 사용 브라우저가 내용을 대체해야하는 대체 태그(replacement 태그)와 실제로 화면에 출력될 내용이 없어 다른 용도로 쓰이는 태그도 존재

*태그의 중첩 태그 안에 또 다른 태그를 사용하는 것 태그를 중첩해서 사용 시 중첩되는 태그는 부모 태그를 벗어나면 안 됨 _잘못된 태그 선언 Hello, HTML _올바른 태그 선언 Hello, HTML 태그 안에서는 중첩이 얼마나 되거나, 어떤 태그를 쓰는지 문제 안 됨 But, 때에 따라 정해진 태그만 중첩 가능

*속성이란? 앞서 배운 태그의 동작을 좀 더 구체적으로 제어 태그에 고유한 이름을 주고, 추가로 정보를 제공하여 이동할 경로를 명시 > 태그에 구체적 기능 제공 *속성을 사용하는 방법 속성은 이름과 값으로 이루어짐 시작 태그에서 태그 이름 뒤에 공백으로 구분, 속성 이름="속성값"으로 표현 속성값은 홑따옴표('), 쌍따옴표(")으로 표현 _예시 Hello, HTML *여러 속성을 사용하는 방법 의미와 용도에 따라 여러 속성 존재 하나의 태그에 여러 속성 선언 가능 여러 속성을 선언할 때는 공백으로 구분 _예시 Hello, HTML *속성의 종류 모든 태그에 사용할 수 있는 글로벌 속성 특정 태그만 사용할 수 있는 속성 선택적으로 쓸 수 있는 속성 특정 태그에서 필요한 필수 속성 (위 예시인 id와 cla..

*태그란? HTML에서 가장 중요하고 기본 규칙 무언가를 표시하기 위한 꼬리표, 이름표 *태그를 사용하는 방법 태그는 로 표현되며 사이에 태그 이름이 들어감 시작 태그와 종료 태그로 이루어짐, 종료 태그는 태그 앞에 '/'기호가 붙음 _예시 Hello, HTML *요소란? 내용을 포함한 태그 전체를 요소(Element)라고 함 태그와 요소는 의미가 다름(혼동 주의)

*HTML이란? HTML 프로그래밍 언어, 웹 페이지를 만들 때 사용 *HTML의 의미와 특징 HTML은 Hyper TextMarkup Language Hyper Text는 웹 페이지의 특정 부분과 연결할 수 있는 기능을 가진 링크 Markup Laguage는 프로그래밍 언어의 한 종류, 정보를 구조적 계층적으로 표현 가능 HTML은 파일 확장자, .html을 쓰며 그 파일 안에서 html 코드를 작성 *HTML의 역사 HTML은 1990년대 영국의 물리학자 팀 버너스리가 제안, 개발함