**html ==> Hyper Text Markup Language
미국방성에서 군용품 품목정리를 위한 언어로 만들어 졌다고 합니다.
종류별로 일목요연하게 정리하기 위한 무엇인가 필요해 만들어짐.
글자를 누르면 그것을 설명하는 다른 문서로 이동
==> Hyper Text
글자에 표시를 해서 각각 다르게 보여준다
==> MarkUp
-------------------------------------------------------------------------------------------------
현재는 인터넷 상에서
보여지는 문서의 형태가
html로 작성되어 있어요!
확장자를 .html로 하고
문서를 작성하는 도구는 어느것을 사용해도 관계없어요.
작성된 html문서를 내 컴퓨터에 하드디스크에 저장하면
나만 볼 수 있어요. 전세계인을 대상으로 서비스 하려면
웹 서버를 구축하고 거기에 만들어야 합니다.
-------------------------------------------------------------------------------------------
html문서들은
텍스트에 어떤 표시(mark) 하는 것으로 구성됩니다.
이렇게 어떤 글자에
표시하는 것들을 태그라고 합니다.
어떤 태그들이 있는지 잘 알고
사용자 요구에 맞도록 잘 표현해야 하겠습니다.
--------------------------------------------------------------------------------------------
현재의 html버전은 html5입니다.
스마트폰이 대중적으로 보급이 되면 인터넷을 컴퓨터앞에 앉아서 사용하기 보다는
이동하면서 스마트폰으로 하는 경우가 더 많아 졌습니다.
스마트폰으로 동영상, 음악등 미디어 서비스를 많이 하게 됩니다.
html4에서는 미디어 서비스를 받으려면 그 서비스를 위한 별도의 플러그인을
설치해 줘야 했어요. 그것을 위한 네트워크 비용과 저장공간이 필요해요.
그래서 발표된 것이 html5입니다.
별도의 플러그인 없이 태그로 미디어 서비스가 가능해 졌습니다.
--------------------------------------------------------------------------------------------
html5 문서의 기본 구조
<!doctype html>
<html>
<head>
<title>html연습</title>
</head>
<body>
<h1>html이란?</h1>
<p>인터넷상에 보여지는 문서의 형태를 말합니다.
문서를 작성하고 확장자를 .html로 해야 합니다.
html문서를 표현하기 위해서는 여러가지의 종류를 태그를 알아야 합니다.</p>
</body>
</html>
-------------------------------------------------------------------------------------------
어떤태그는
여는 태그와 닫는 태그로 쌍으로 이루는 태그가 있고
<html> </html>, <body></body> ...
어떤 태그는
혼자 있는 태그도 있어요.
<hr>, <br>
'프로그래밍 공부 정리 > html,css' 카테고리의 다른 글
| 주요 선택자, 텍스트 관련 스타일(1) (0) | 2021.12.08 |
|---|---|
| html(3), css공부(1) 스타일 설정 (0) | 2021.12.07 |
| html의 여러가지 입력양식(2) (0) | 2021.12.06 |
| html의 여러가지 입력양식 (0) | 2021.12.05 |
| html의 태그 (0) | 2021.12.04 |