[HTML] HTML PART.1(주석문, 제목,글자 조정)

브라우저에 들어가면 어떤 사이트이든 소스를 통해서 보기 좋게 우리에게 보여줍니다. 도메인의 맵핑을 통해서 입력한 도메인 서비스에 요청을 통해서 ip주소를 통해서 브라우저에 전달 받는 것입니다. 하나씩 그 코드를 알아가겠습니다.

 

 

Html /html: 화면을 구성하는 뼈대를 만듭니다.

head /head: 정보와 함께 title의 내용을 정리합니다.

title /title: 도메인창 위의 이름이 나옵니다

Body /body: 화면 구성을 이룹니다.

Meta: 설정, 구성요소의 정보 등을 이야기 합니다.

- 파일에 대한 정보(UTF-8로 바꾼 이유: 한글폰트만 있다고 하면 전세계에 어디에 있던 간에 깨지지 않습니다.)

 

주석문을 사용할 때는 java와 동일한 버튼으로 ctrl + shift + / 를 눌러서 주석문을 만들어 사용할 수 있습니다.

Java에서 줄 바꿈 했다고 해서 web에서도 줄 바꿈 되지 않습니다.

 

줄 바꿈을 위해서는 <br /> 을 사용합니다.

4버전 까지는 <br /> 단일 태그라는 것을 명시해줬습니다. 하지만 4버전 이후 <br> 만 사용하는 단일 태그 사용 가능해졌습니다.

 

* 단일 태그는 많지 않습니다.

 

 

브라우저는 원래 무엇을 서비스 하기 위해서 만들어졌을까?

 

학교에서 네트워크로 연결한 랩실에서 연구 진행중인 논문의 내용을 일일이 프린트로 처리하는 것이 번거롭기 때문에 학교 망 안에서 어디서든 논문 데이터를 빠르게 주고 받을 수 있도록 하기 위해서 시작했다고 합니다. 그래서 논문의 형식을 표현하기 위해서 기능으로 태그가 만들어졌고 지원받을 수 있게 되었다고 합니다. 그래서 논물 형식 관련 태그들이 많이 존재합니다.  

 

 

 타이틀로 사용(제목) : (<h1> 내용 <h1/>)

 

크기에 맞춰서 6가지로 제공합니다.

 

 

위의 사진과 유사하게 만들어보도록 하겠습니다.

위의 형태와 같이 단락을 나눠주고 출력되게 하고 싶을 때 (<p>내용<p/>) 를 사용합니다.

 

수평줄을 그어주는 태그 : <hr> 를 사용합니다(단일태그)