1-2. HTML

3060 단어 htmlboostcourseFEFE

HTML

Hyper Text Markup Language
웹에서 정보를 표현할 목적으로 만든 마크업 언어
웹 페이지를 작성하기 위해 사용되는 언어로 웹 브라우저에게 보일 문자열과 이를 감싸는 일종의 해석 기호인 태그들로 이루어짐

마크업과 마크업 언어

마크업(태그)은 문서의 논리적인 구조를 정의하고 출력장치에 어떤 형태로 보일 것인지 지시하는 역할
마크업언어는 마크업(태그)의 형식과 규칙을 정의한 언어

HTML5 특징

  • 구조적 설계 지원(시멘틱)
  • 그랙픽 및 멀티미디어 기능 강화
  • CSS3 및 Javascript 지원
  • 다양한 API제공
  • 모바일 웹 지원 및 장치 접근 가능(배터리 정보, 카메라, GPS 등)
  • 웹 브라우저가 서버와 양방향 통신 가능
  • 인터넷이 연결되지 않은 상태에서도 애플리케이션 동작

HTML5 주의사항

  • 태그는 대소문자를 구분하지 않으나 소문자를 권장함
  • 시작태그로 시작하면 반드시 종료태그로 종료
  • 파일확장자는 반드시 html또는 htm으로 설정
  • 문자의 공백은 몇 개를 입력하든 한개만 인식하므로 공백을 추가하기 위해서 특수기호  이용

HTML5 구성요소

  • 태그(Tag) : '<'와 '>'로 묶인 명령어. 시작태그(<태그>)와 종료태그(</태그>)를 한쌍으로 이용. <p>,<html>
  • 요소(Element) : 시작 태그와 종료 태그로 이루어진 모든 명령어. 하나의 HTML문서는 요소들의 집합
  • 속성(Attribute) : 요소의 시작태그에만 사용 /명령어 구체화 역할. 여러 개의 속성을 사용할 수 있으며 속성의 구분은 공백
  • 변수/속성값(Argument) : 속성이 가지는 값, 값 입력시 ""혹은 ''를 이용

HTML5 기본구조

<!doctype html> <!--문서유형-->
<html lang="ko"> <!--html 문서시작/끝-->
<!--머리-->
    <head> 
    	<!--
        	문서의 각종 정보와 문서 자체에 대한 설명 내용
            <title>,<meta>,<link>,<style>,<script>등
        -->
    </head>
 <!--몸체-->
    <body> 
    	<!--
        	화면에 출력해서 보여주는 모든 정보/내용
            head에 들어가는 태그를 제외하고 모든 태그 사용
        -->
    </body>
</html>

참고 및 출처
KH정보교육원 수업자료

UVALive - 4614 Moving to Nuremberg(트리 DP)
나무 위의 dp 학습 노트

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage