html 시작하기

날짜:

1. HTML5 (Hyper Text Markup Language 5)
  • HTML5는 웹에서 정보를 표현할 목적으로 만든 마크업 언어.
  • 하이퍼텍스트란 웹 문서 내에서 링크를 클릭해 다른 문서나 사이트로 이동하는 기능이다.
  • 마크업 언어란 태그를 사용해 문서의 구조를 정의하는 언어이다.

    2. HTML5 태그(Tag)
  • tag는 < > 로 묶인 부분임
  • 태그는 시작 <> / 종료 </>  가 한 쌍임
  • 태그는 대/소문자를 구분하지 않지만 소문자를 사용하는 것을 권장.

     TIP:

  • 태그에는 여러 기능을 추가하는 속성을 사용할 수 있다.

  • 속성(Attribute)은 시작 태그에만 작성할 수 있고 속성 값은 " ", ' '를 사용하여 기술한다.

  • 태그마다 사용할 수 있는 속성들이 다르기 때문에 태그와 속성을 함께 익혀야 한다. 

    <p align="center">HTML/CSS</p>


3. HTML 문서의 기본 구조

  • HTML 문서는 일반 문서와 달리 정해진 형식에 맞춰 내용을 입력해야 한다.

  • 파일 확장자는 반드시 html 또는 htm으로 설정해야 한다. 

    <!DOCTYPE html> <!-- 문서 유형 = html5 -->
<html lang=“ko”> <!-- HTML 문서의 시작 --> <!-- lang = 언어 (기본:en) -->
    <head>
				<!-- head: 문서 해석에 필요한 정보, 화면에는 표시x -->
        <!-- 문서의 각종 정보와 문서 자체에 대한 내용 -->
    </head>
    <body>
        <!-- 화면에 출력해서 보여주는 내용 -->
    </body>	
</html> <!-- HTML 문서의 끝 -->


  • <!-- --> HTML에서 사용하는 주석 코드 작성 내용에 대해 설명하는 곳에 사용 브라우저는 주석 부분을 해석하지 않고 넘어간다.

  • HTML 문서 내에서 공백은 몇 개를 입력하든 한 개만 인식한다.

  • 한 개 이상의 공백을 추가하기 위해서 특수기호 &nbsp;를 이용해야 한다.