HTML (Hyper Text Markup Language)
웹상의 문서, 즉 홈페이지를 만들 수 있는 언어이다.
따라서 HTML을 배운다는 것은 홈페이지를 만드는 법을 배우고
웹상에서 보일 수 있도록 구현하는 것이다.
HTML을 입력한다라는 것은 Tag를 입력한다 라고 한다
붙여서 HTML Tag 라고 부른다. HTML에서 사용되는 각각의
구성요소와 문법들을 태그라고 하며 각각의 태그들은 저마다 속성과
값들이 다르다. 이러한 각각의 태그와 함께 삽입하여 구현할 수있는
속성과 값들을 구현하여 웹페이지를 만든다.
HTML로 할수있는것
- 홈페이지 만들기
- 글 문단만 입력된 메일이 아니라 멀티미디어가 삽입된 메일을 보낼수있다.
- 다음, 네이버의 카페 서비스에서 카페 성격에 맞는 개성있는 메인 홈페이지와
서브홈페이지 그리고 게시판 등록을 할 수 있다.
기본구성
<html> =>1
<head> =>2
<meta charset = "UTF-8" />
<title> My Tiltle </title> =>3
</head>
<body> =>4
</body>
</html>
1. <HTML>태그
웹 문서의 성격이 HTML을 이용하여 작성하는 부분임을 알려준다.
첫 시작부분에 <HTML>을 입력하고 마지막에 </HTML>을입력한다.
2. <HEAD>태그
실제로 웹브라우저에 나타나지는 않지만 웹 문서의 제목, 제작자,
언어 형식과 같은 문서 전체의 정보를 입력한다.
3. <TITLE>태그
<HEAD>태그 안에 <TITLE>문서제목</TITLE>형태로 삽입된다.
웹브라우저 제목줄에 표시되며 [즐겨찾기]로 추가할 경우 기본적으로
표시되어 나타난다.
4.<BODY>태그
웹브라우저에 실제 나타나는 부분으로
<BODY> 내용 </BODY> 형태로 표시한다.
태그특성
'<' 과 '>' 사이에 영문이나 숫자의 조합으로 이루어진다.
시작과 끝을 써주어야 하는 태그들이 있다.
끝을 알리는 부분에는 </태그> 형태로 '/'이 삽입된다.
대소문자를 구별하지 않는다.
태그의 세부적인 기능을 제어하는 옵션을 속성이라하며
값과 함께 '< 태그 속성 = "" >' 형태로 삽입한다.
문자나 기호의 엔터티와 코드표현
문자 엔터티 표현 코드표현
" " "
' ' '
< < <
> > >
& & &
빈칸  
∞ ∞ ∞
∑ ∑ ∑
÷ ÷ ÷
√ √ √
블록태그와 인라인태그
- HTML은 Block태그와 Inline태그로 나뉜다.
- Block 태그 : <p>, <h1>, <div>, <ul>
블록태그는 항상 새 라인에서 시작하고 브라우저의 왼쪽끝에서
오른쪽끝까지 블록공간을 차지한다
- Inline 태그 :<strong>, <a>, <img>, <span>
인라인태그는 블록에 삽입되어 블록콘텐츠의 일부를 표현하는데
사용한다.
OL / UL
<OL> 태그는 Ordered List <UL>은 Unordered List라는 뜻으로
목록 등을 지정할 글머리표 스타일로 정리해 줍니다.
사용법은 동일하며 차이점은 지정한 스타일에 따라 앞에 나타나는
글머리 표가 자동으로 정해져서 나타납니다.
<UL Type="스타일>
<LI Type="스타일">
<LI Type="스타일">
<LI Type="스타일">
</UL>
. 스타일
. disc : 속이 꽉찬 검은 원형
. circle : 속이 빈 테두리만 있는 원형
. square : 속이 찬 사각형
형식
<OL Type="스타일">
<LI Type="스타일">
<LI Type="스타일">
<LI Type="스타일">
</OL>
. 스타일
. 1 : 아라비아 숫자 // default값
. A : 알파벳 대문자
. a : 알파벳 소문자
. I : 로마숫자 대문자
. i : 로마숫자 소문자
꾸준함의 가치를 믿는 개발자