오늘보다 더 나은 내일

[Edwith강의정리] HTML 이해하기 본문

STUDY/HTML & CSS

[Edwith강의정리] HTML 이해하기

papiliofly 2020. 12. 2. 11:08
728x90

1. HTML(Hyper Text Markup Language)

 - 웹 페이지를 만드는 언어

 - 1990년대 영국의 물리학자 팀 버너스리가 연구소의 연구원들이 신속하게 정보와 문서를 공유의 목적으로 개발

 

2. 문법

 - html은 태그들의 집합

  1) 태그 (tag) : 무언가를 표시하기 위한 이름표.  <>시작태그 </>종료태그

  2) 요소 (elememt) : 내용을 포함한 태그전체

  3) 속성 (attribute) : 정보를 추가하거나 태그동작을 제어 할 수있는 설정값

                            하나의 태그에 여러 속성값 가능

                            선언 순서 상관없음

  4) 태그중첩 (nesting tags) : 태그는 중첩이 가능하다. 자식이 부모태그에 벗어나면 안된다

  5) 빈 태그 (empty tag) : 시작 태그만 있는 태그, 내용이 없음 ex) <br>,<img>,<input>등

  6) 공백 (space) : 두칸 이상의 공백은 모두 무시

  7) 주석 (comment tag) : 동료 개발자나 협업자 또는 자신을 위한 화면에 출력되지 않는 메모 목적 기능

                                 <!--시작-->종료

 

3. 기본구조

<!Doctypehtml>: 여러버전이 있지만 html5가 가장 많이 이용된다.

                       소문자 대문자 상관없음

                        브라우저에게 어떤버전으로 작성했는지 알리는 일종의 선언문 그래서 항상 제일 처음 마크업

 

<html lang = "ko">: 어느 언어로 작성되었는지

<head> : 화면표시 x, 기본설정, 외부스타일, 시트파일, js파일

<meta> : 서버관련 "UTF-8"이 가장 기본 속성값

<title> : 문서 탭바 제목

<body> : 브라운전 화면에 나타날 내용

 

 

 

※ 본내용은 Edwith강의를 듣고 정리한 내용입니다.

728x90
저작자표시 비영리 변경금지 (새창열림)

'STUDY > HTML & CSS' 카테고리의 다른 글

css 쉽게 공부 할 수 있는 게임 모음 css diner/css flexbox froggy/css flexbox defense  (0) 2020.12.20
'STUDY/HTML & CSS' Related Articles more