IIS, Apache, Tomcat, Rails 드으이 웹 서버에서 지원하는 웹 프로그래밍 언어에 따라 작성되는 소스코드의 모습은 매우 다르다.
그러나 사용자의 요청에 대한 응답 형식은 HTML하나로 통일되어 있다. 결국 웹 페이지를 프로그래밍한다는 것은 사용자의 요청에 따라 적절한 HTML 문서를 생성하는 것을 의미한다. 이러한 의미에서 웹 페이지의 근간을 이루고 있는 HTML의 기본적인 내용을 먼저 살펴보자.
1. HTML 문서의 구성
HTML은 웹 브라우저상에서 웹 페이지 내의 글자나 이미지를 어떻게 표현할 것인지를 알려 주는 마크업이 포함된 문서이다. 예를 들어, 웹 브라우저에서 문자를 진하게 표현하려면 "<b> 진하게 보이기 </b>" 와 같이 마크업 <b>를 사용한다.
HTML은 선언문, 엘리먼트, 주석 등으로 구성된다.
선언문 : 문서에 맞는 HTML 버전을 지정
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" >
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
엘리먼트 : HTML 문서를 구성하는 여러 형태의 요소
하나의 HTML 엘리먼트는 시작 태그와 종료 태그를 포함한다.
주석 : 코드에 영향을 주지 않으면서 더하는 설명, 해설 또는 참조
<!-- " 와 " --> 사이를 주석으로 처리한다.
HTML 유용 팁!
여러 줄을 띄어야 할 경우 : <br /> 태그를 사용
3줄을 띄울 경우 : <br /><br /><br />
여러 칸(여러 번의 스페이스를 띄어야 할 경우 : 를 사용
aaa bbb
'<' 나 '>' 을 화면에 표시할 경우 : HTML 문서에서 '<'와 '>'은 태그임을 표시하기 위한 문자로, 직접 표시할 수 없기 때문에 예약 문자 '<', >'로 각각 표현
2. 태그의 속성
HTML 의 엘리먼트는 태그의 기능을 완성하기 위해 추가적인 정보가 필요한 경우가 있다. 이를 위해 HTML의 엘리먼트는 속성을 갖는다.
예를 들어 HTML에서 링크를 표현하는 <a>태그의 경우, 링크를 클릭하면 어느 문서로 이동할 것인지를 알 수 있는 '링크되는 주소 정보' 가 추가로 필요하다 <a> 태그에서는 링크되는 주소 정보를 href 속성으로 나타낸다.
<a href="http://www.w3schools.com/html/html_attributes.asp"> 속성에 대한 내용 보기 </a>
속성을 사용할 때는 다음 규칙을 따른다.
- 속성은 반드시 시작 태그에 명시
- 속성은 name="value"와 같이 속성 이름과 속성 값의 쌍으로 표현
- 속성 값은 작은 따옴표나 큰따옴표 안에 표현
- World Wide Web Consortium의 HTML 4 명세에서는 속성 이름 및 속성 값으로 소문자를 사용할 것은 권장
- class 속성 : 엘리먼트들이 속해 있는 클래스 룰이나 스타일을 명시
- id 속성 : 엘리먼트들을 식별하기 위해 문서 내에서 유일한 id부여
- style 속성 : 스타일 정의
- title 속성 : 툴 팁으로 보이게 될 텍스트 정의
'Program > ASP.NET' 카테고리의 다른 글
| [ASP.NET] 6. 객체 지향 프로그래밍 (0) | 2017.02.28 |
|---|---|
| [ASP.NET] 5. 웹 페이지 코드 쓰기 (0) | 2017.02.23 |
| [ASP.NET] 3. 주요 웹 개발 언어 비교 (0) | 2017.02.23 |
| [ASP.NET] 2. ASP.NET의 이해 (0) | 2017.02.22 |
| [ASP.NET] 1. ASP.NET 4.0 프로그래밍 시작하기. (0) | 2017.02.21 |
