반응형

HTML(HyperText Markup Language)

직역 : 텍스트를 띄우는 언어
웹사이트를 만드는 가장 기초가 되는 마크업 언어이며, 웹페이지의 내용과 구조를 담당하는 언어.

즉, 구조를 설계할 때 사용되는 언어로 웹 피이지를 위한 마크업 언어이다.

HyperText?

웹 페이지에서 다른 페이지로 이동할 수 있도록 하는 것

Markup?

마크업 언어(markup 言語, markup language)는 태그 등을 이용하여 문서나 데이터의 구조를 명기하는 언어의 한 가지이다.

태그는 원래 텍스트와는 별도로 원고의 교정부호와 주석을 표현하기 위한 것이었으나 용도가 점차 확장되어 문서의 구조를 표현하는 역할을 하게 되었다. 이러한 태그 방법의 체계를 마크업 언어라 한다
출처 : 위키백과

구성요소

  • Elements(요소)
    시작과 종료를 나타내는 태그로 이루어진 모든 명령어
  • Tag(태그)
    시작태그와 종료태그로 둘러싸인 요소의 일부
  • Attributes(속성)
    요소의 시작태그 안에서 사용하며, 명령어를 구체화 시키는 역할
  • Arguments(변수)
    속성과 관련된 값


<태그명 속성1="값" 속성2="값">문자열</태그명>

속성 == attribute

 

<태그명 속성="특성:값">문자열</태그명>

    ->속성 + 특성 특성 == property 여러개 사용할수 있다.

    ;으로 구분

 

차이점? 속성은 변경되지 않는다. 지정되어있는것만 사용한다.

특성은 선택이다. 추가해도되고, 안해도되고..

기본구조

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title></head>
<body>

</body>
</html>

처음 html문서를 만들게 되면 나오는 기본 태그들 입니다.

  • <!DOCTYPE html>
    html를 사용함을 브라우저에게 알려주는 태그
  • <html>
    전체 html 문서를 감싸는 태그이며, 하나만 존재해야 하고, html 바깥에 DOCTYPE를 제외한 다른 태그가 있으면 안됩니다.
  • <meta charset="UTF-8">
    문서에 대한 설명을 나타내는 표시 태그
    charset="UTF-8"은 브라우저에게 인코딩 방식을 UTF-8이라고 알려준 것입니다.
    UTF-8 설정이 되어있어야 문서 작성함에 있어서 한글이 깨지지 않습니다.
  • <title>
    head안에 들어가는 태그로 제목표시줄의 내용을 나타냅니다.
  • <body>
    html 문서에서 실질적으로 외부에 보여지는 부분입니다.
    하나만 존재해야하고, html바로 아래에 있어야 합니다.
반응형
저작자표시 (새창열림)

'dev > html' 카테고리의 다른 글

[HTML] <a>태그 (anchor tag)  (1) 2021.06.03
[HTML] tag 안에서 사용하는 tag들(b, strong, em, mark, i, del, sub, sup)  (0) 2021.06.02
[HTML] 폰트색설정, 배경색설정, 폰트설정, 글씨위치조절  (0) 2021.06.02
[HTML] <br>(개행), <h>(제목), <p>(단락), <pre>  (0) 2021.06.02
HTML 수업자료  (0) 2021.06.02

티스토리툴바