HTML 개요

웹 프로그래밍 언어는 WWW에서 사용되는 프로그래밍 언어들을 통틀어 말한다.

웹 프로그래밍 언어로는 PHP, JSP, ASP , .NET 등이 있다.

이제부터 설명할 내용은 프로그래밍 중에서도 특히 웹 프로그래밍이다.

웹 프로그래밍은 비전공자가 프로그래밍을 선택했을때 가장 많은 사람이 가장 처음 접하게 되는 영역이다.

그렇다면 무엇을 배워야 우리가 매일 접하는 웹 페이지를 만들수 있는 것일까?

인터넷(Internet)

인터넷(Internet)이란 여러 통신망을 하나로 연결한다는 의미의 '인터 네트워크(inter-network)'라는 말에서 시작되었으며, 이제는 전 세계 컴퓨터들을 하나로 연결하는 거대한 컴퓨터 통신망을 의미한다. 이러한 인터넷은 클라이언트와 서버로 구성되며, TCP/IP라는 기본 프로토콜을 통해 제공되고 있다.

여기서 프로토콜이란 규약, 약속 즉 컴퓨터간에 정보를 주고받을 때의 통신방법에 대한 규칙과 약속을 뜻한다. 대표적인 표준 프로토콜의 예를 든다면 인터넷에서 사용하고 있는 TCP/IP가 이에 해당된다.

인터넷의 특징은 다음과 같다

인터넷은 서로 동시에 참여할 수 있는 쌍방향 통신을 제공한다. 컴퓨터는 저장이 가능하므로 메시지를 보내는 사람과 받는 사람 모두 시간에 제약을 받지 않고 컴퓨터가 네트워크에 연결만 되어 있다면 언제든지 메시지를 주고 받을 수 있다. 초기 인터넷에서는 텍스트로만 통신이 가능했지만 현재에는 이미지, 음성, 동영상 등 다양한 포맷으로 통신이 가능하다. 인터넷은 직업이나 사회적 지위, 직책, 인종, 나이 등을 서로 알 수 없는 익명성을 제공한다.

여러분이 매일 사용하는 인터넷을 구성하고 있는 시스템을 인터넷 시스템(Internet System)이라고 한다. 이러한 인터넷 시스템은 다음과 같이 수많은 서버(server)와 클라이언트(client)들로 구성되어 있다. 정의는 아래와 같다.

서버(server):인터넷 서비스를 제공하는 프로그램이나 컴퓨터를 의미하며, 웹 시스템에서는 여러분이 컴퓨터나 스마트 폰 등 다양한 기기를 사용하여 방문하는 웹 사이트의 정보를 담고 있는 프로그램이나 컴퓨터를 웹 서버(web server)라고 부른다.

클라이언트(client):서버가 제공하는 인터넷 서비스를 이용하는 사용자나 사용자가 사용하는 기기를 의미하며. 웹 시스템에서는 여러분이 여러 웹 사이트를 방문하기 위해 사용하는 웹 브라우저 등을 예로 들 수 있다.

웹(WWW)

인터넷에서 정보를 교환하는 시스템을 world wide web을 줄여서 웹이라고 한다. 간단히 줄여서 WWW나 W3라고도 부르며, 간단히 웹(Web)이라고 가장 많이 불린다. 인터넷과 같은 의미로 많이 사용되고 있지만, 정확히 말해 웹은 인터넷상의 인기 있는 하나의 서비스일 뿐이다. 하지만 현재에는 인터넷과 웹이라는 단어가 서로 혼용되어 사용될 만큼 인터넷의 가장 큰 부분을 차지하고 있다.

HTTP은 WWW 상에서 정보를 주고받을 수 있는 프로토콜이다. 주로 HTML 문서를 주고받는 데에 쓰인다. 웹도 웹에 맞는 형식이 있다. 그리고 그 웹의 확장자가 바로 html 인 것이다.

HTML

웹에서 컴퓨터간 데이터를 주고 받기 위해서 사용되는 약속된 문서 양식으로 HTML를 사용해야 한다.

HTML은 웹 페이지를 만드는 데 사용하는 언어이며 매우 쉽게 배울 수 있다.

하이퍼텍스트 마크업 랭귀지 (HyperText Markup Language)의 줄임말로 하이퍼텍스트를 마크업하는 언어라는 의미이다.

마크업 랭귀지(마크업 언어)는 문서가 화면에 표시되는 형식을 나타내거나 데이터의 논리적인 구조를 명시하기 위한 규칙들을 정의한 언어의 일종이라고 알아두면 된다.

1 2 3 4 5 6 7 8 9 10 < !DOCTYPE html > < html > < head > < title > htmlStart < / title > < meta charset = "utf-8" > < / head > < body > 이 문서는 04html문서입니다. < / body > < / html > cs

보통 시작 태그(start tag, opening tag)와 종료 태그(end tag, closing tag)의 한 쌍으로 구성된다.

종료 태그는 시작 태그와 전부 똑같지만, 태그 이름 앞에 슬래시(/)가 존재한다.

태그에 따라 시작 태그만 있고 종료 태그가 없는 태그도 존재한다.

HTML 문서는 윈도우의 메모장, 리눅스의 vi와 같은 기본 에디터로도 작성할 수 있다.

HTML 문서의 작성을 마친 후에 확장자를 .html로 저장하면 웹 브라우저에서 바로 확인할 수 있다.

복합태그- <태그명>내용

속성을 가지는 태그- <태그명 속성명=값>내용

단독 태그- <태그명>

<태그명>과 같이 여는 태그와 닫는 태그가 쌍으로 사용된다. 닫을 때는 앞에 연 태그명으로만 닫는다.

태그명과 속성명, 속성명과 속성명 사이는 한 칸씩 띄운다. 그 외 공백을 두어서는 안 된다. 속성명과 값은 = 부호를 사용하여 표시한다. 값이 두 단어 이상일 경우는 ""로 묶어서 표시한다.

속성이 있는 태그가 있고 없는 태그가 있다. 속성을 반드시 하나 이상 사용해야 하는 태그도 있고 생략해도 되는 태그가 있다. 여는 태그만 독립적으로 존재하는 태그도 있다.

태그를 중첩해서 사용할 경우 먼저 열어준 태그를 나중에 닫아 준다.

공유하기 글 요소 저작자표시

from http://sseoui.tistory.com/14 by ccl(A) rewrite - 2020-03-12 14:20:09