HTML

yujina25·2020년 12월 6일
0

HTML

목록 보기
1/1
post-thumbnail

HTML(HyperText Markup Language)란?

웹 페이지를 만드는 언어이다.
태그(Tag, <>) 형태로 웹 페이지의 구조를 구현하게 된다.

HyperText

: text 페이지 간의 연결을 말하는 구조이다. 서로 연결되어 있어 상호간의 이동이 가능하다.
예를 들면, 로그인 페이지에서 회원가입을 누르면 회원가입으로 연결/광고성 이미지를 누르면 해당 url로 이동하는 것 등이 있다.

HTML5(웹표준)

다양한 환경의 사용자들에게 동등한 서비스를 이용할 수 있도록 웹 표준을 지켜야 한다.
가령 신체적 혹은 기술적으로 웹의 정보들을 쉽게 찾아볼 수 없는 사용자들이 서비스를 이용하는데 있어서 불편함이 없도록 시각,청각 등의 기술을 도입하여 서비스를 제공하는 것이다.

웹 표준모드로 사용하기 위해서는 브라우저에게 문서의 유형(DOCTYPE)을 명시하여 올바른 웹을 처리할 수 있도록 해주는 코드이므로 해당 코드를 가장먼저 삽입해야 한다.

<!DOCTYPE HTML>

(이전 버전으로 제작된 HTML 문서와의 호환성을 위한 DOCTYPE)

  • HTML문서를 생성할 때에는 반드시 .html 의 확장자를 명시해주어야 하며
  • CSS문서를 생성할 떄에도 반드시 .css 의 확장자를 명시해주어야 한다.)
    HTML 사용 시 각각의 브라우저(크롬, IE, 파이어폭스, 엣지, 오페라, 스윙 등)에서 본인이 사용한 코드가 호환이 되는 지 반드시 확인해야한다.

HTML의 기본적인 구조

<!DOCTYPE HTML>
<html>
	<head>
   	 </head>
    
   	 <body>
   	 </body>
</html>

html안에는 head 와 body 로 구성되어 있으며 추가적으로 반드시 들어가야 하는 태그가 있다.

<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>

  • html : 해당 문서가 HTML 문서임을 정의
  • head : 탭에 표시되는 해당 문서의 정보를 나타내는 공간
    (문서제목(title) / 문서 스타일(style) 등을 입력)
  • body : 화면에 표시될 웹 안의 내용물을들 표시하는 공간
  • meta : 언어설정(charicter set)
  • title : 웹의 제목 영역

태그 작성 방법

  • 시작 태그는 <(여는태그) >(닫는태그), 종료 태그는 </> 로 표시한다.
  • 태그는 소문자로 작성하고, 태그의 속성명은 ""(큰따옴표)를 이용하여 감싸주는 것을 권장한다.
  • 태그 안에 태그를 넣을 수 있으며 순서를 반드시 지켜야 한다.
<div><h1> <div><h1> --> X
<div><h1> <h1><div> --> O

head 와 body로 나뉘어 각각의 요소에 맞는 태그를 사용하여 코드를 작성하여 자신만의 웹을 완성 할 수 있다.

profile
개발자 코앞

0개의 댓글