본문 바로가기
HTML&CSS&JavaScript/HTML

[ HTML ] 정의

by haeun 하은 2022. 1. 28.
728x90

[ 웹의 역사 ]

월드 와이드 웹(World Wide Web, www)은 인터넷에 연결된 컴퓨터를 통해 사람들이 정보를 공유할 수 있는 정보 공간을 말한다.

인터넷은 전 세계를 연결하고 있는 국제 정보 통신망이고 은 그 위에서 작동하는 서비스를 의미한다.

- 미국의 ARPA(Advanced Research Projects Agency)는 1969년 현재 웹의 모태가 되는 ARPANET을 개발

- 1989년 팀 버너스리는 인터넷 공간 안에서 문서가 서로 이동할 수 있는 새로운 개념의 방법을 제안. 바로 하이퍼링크라는 득수한 기능을 사용하여 문서와 문서 사이를 이동할 수 있는 간단한 문서 개념.

- 1994년 팀 버너스리는 W3C(World Wide Web Consortium) 재단 창설. W3C는 웹 표준을 지정하는 기관이며 HTML 표준을 제정하는 단체

ex)네이버 홈페이지 -> 마우스 우클릭->페이지 원본 보기

 

[ HTML (HyperText Markup Language) ]

HyperText : 사용자의 선택에 따라 원하는 페이지로 이동

Markup Language : 태그의 형식과 규칙을 정의한 언어

사용자가 보는 환경을 만드는 것 


[ 복합태그 ] 

<태그명>내용</태그명>

<div>안녕<div>

[ 속성을 가지는 태그 ] 

<태그명 속성="속성값">내용</태그명>

[ 단독태그 ]

<태그명>

<img src=”blue.jpg”>

 

 


1) <태그명></태그명>과 같이 여는 태그와 닫는 태그가 쌍으로 사용된다. 

    <div></div>

2) 태그명과 속성명, 속성명과 속성명 사이는 한 칸씩 띄운다. 그 외 공백을 두어서는 안 된다.

  <div align=”center”></div>

4) 속성명과 값은 = 부호를 사용하여 표시하고 값은 “”로 감싼다.

  <img src=”blue.jpg”> --->default

<img src = 'bule.jpq'>


<!DOCTYPE html>
<html> 
    <head>
         <title></title>
    </head>
    <body>
        화면에 보여질 내용 명시
    </body>
</html>

<!DOCTYPE html>  태그는 웹 브라우저가 현재 웹 페이지가 HTML5 문서임을 인식하게 만들다.

<html> 태그는 모든 HTML 페이지의 루트 요소. Html태그에는 lang 속성을 입력할 수 있다. 

<html lang=”ko”>


1) <head> 태그 사이에 표시할 태그

 

<title> 문서의 제목을 지정
<meta> HTML문서의 필요한 다양한 설정
<script> 자바스크립트 코드 명시
<style> 문서 전체의 레이아웃을 결정하여 문서에 통일감을 줄 수 있는 스타일 지정 
<link> 웹 페이지에 다른 파일을 추가

 

2) <body> 태그

<body> 태그에는 화면의 표시할 내용을 명시

 

728x90
반응형

댓글