코딩 신생아가 새싹을 틔워서 꽃이 될때까지

https://www.youtube.com/user/easyspub

 

 

easyspub

'사람을 구체적으로 도와주는 책'을 만드는 이지스퍼블리싱 출판사입니다. 도서 내용과 관련된 문의는 Do it! 스터디 룸 (https://cafe.naver.com/doitstudyroom) 또는 영상 상세 설명에 있는 저자님의 이메

www.youtube.com

 

태그

👉 태그는 <> 이용해 구분합니다.

웹브라우저는 <> 사이에 있는 문자는 태그로 인식한다.

👉 태그는 소문자로 씁니다.

👉 여는 태그와 닫는 태그를 정확히 입력합니다.

<h1>~</h1> , <p>~</p> 같이

여는 태그와 닫는 태그가 하나의 쌍으로 이루어지며,

브라우저는 여는 태그에서 닫는 태그까지를 태그의 적용 범위로 인식한다.

👉 가독성을 위해 적당히 들여쓴다.

👉 태그는 속성과 함께 사용할 있다.

👉 포함 관계를 명확히 한다.

 

HTML 문서 기본 구조

👉<!doctype> : 문서 유형을 지정하는 선언문

지정하는 문서 유형을 브라우저에게 HTML 작성된 문서라고 알려줌

<!doctype html> : 현재 문서가 HTML5 언어로 작성된 웹문서라는

👉<html> : 문서 시작을 알리는 태그

</html> : 문서가 끝났다는

<html lang="ko"> : 문서가 한국어로 사용 되었다는

Lang : 언어

코드 de en fr ja ko zh
언어 독일어 영어 프랑스어 일본어 한국어 중국어

👉<head> : 브라우저 화면에는 보이지 않지만 브라우저가 알아야 정보를 입력한다.

<title> : 부분에 나오는 문서 제목

기본형 : <title>문서제목</title>

👉<meta> : 문자 세트를 비롯한 문서 정보

브라우저 화면에는 보이지 않지만 문서와 관련된 정보들을 지정함

화면에 글자를 표시할 어떤 인코딩 방법을 사용할지 지정한다.

서버는 영어를 기본으로 하기 때문에 영어 이외의 문자를 화면에 표시하기 위해 미리 약속된 문자 세트를 사용한다.

<meta charset="UTF-8"> : HTML5에서는 <meta>태그를 사용해 'utf-8'이라는 문자 세트를 사용한다고 브라우저에게 알려준다.

👉<body> : 실제 브라우저에 표시될 내용

<body>태그와 </body>태그 사이에 실제 브라우저에 표시될 내용을 입력한다.

👉HTML 문서의 특성상 여러개의 공백을 나타내거나 "따옴표", <꺽쇠괄호> 화면에 표시할때 특수 기호를 사용한다.

엔티티이름or엔티티기호 : 따옴표나 꺽쇠괄호같은 문자를 입력하면 태그로 인식하므로 태그가 아닐때에 미리 약속한 표기법

http://dec.w3.org/html5/html-author/charref 에서 확인 가능하다.

엔티티 이름이나 엔티티 코드 위에 오는 세미콜론(;) 붙여야 한다.

👉윈도우에서 특수 문자를 입력하려면 : 키보드에서 한글 자음을 누르고 한자 키를 누른다.

 

 

 

반응형

공유하기

facebook twitter kakaoTalk kakaostory naver band
loading