티스토리 뷰

[3주차]에대한 내용정리입니다.

 

 

HTML이란 무엇인가?

  • Hyper Text markup Language
  • www 서비스를 위한 표준 언어.

웹(WEB)은

  • ARPANET에서 시작된 세계 최대 규모의 컴퓨터 통신망
  • 초기에는 군사목적으로 개발
  • 초기에는 Email, FTP, NewsGroup으로 소규모
  • www(World Wide Web)의 개발로 인하여 대중적으로 급 발전

 

 

 

지금부터 HTML은 어떻게 쓰이는것인지에대해 알아보겠습니다.

 

일단

epp310.exe

이 파일은 다운로드 해주시기 바랍니다. 그러고 실행시켜보면  맨처음에는

 

 

 

 

이와같이 뜰것입니다. 그다음에

 

맨 좌측 상단에 보시면

파일->새파일->HTML 페이지 를 클릭하여 주시기 바랍니다.

 

그러면

 

 

 

이렇게 나오는데 여기서 <META 어쩌고 저쩌고 이부분들은 지금 저희한테는 아무 쓸모없는 것들이니

과감히!!!! 삭제해 주시기 바랍니다.

 

그러면

 

 

 

 

이와같이 나옵니다.

 

여기서

 

 

이부분!!! 이부분이 무엇에 쓰는것인고~

 

이제부터 알아보겠습니다.

 

저 부분을 각자 이름을 사용해서

 

홍길동의 홈페이지

 

라고 적습니다.

 

그러면

 

 

이와같이 적어지겠죠?

 

이렇게 적고

Ctrl + S 를 눌러줍니다.

 

여기서 Ctrl+S의 기능은 이 파일을저장하겠다는 뜻입니다.

 

이제 저장도했으면 실행시켜봐야겠죠?? 실행시킬려면

 

Ctrl + B를 눌러줍니다.

 

실행시키고 나면

 

 

밑에부분에 보면 제가 입력한 "홍길동의 홈페이지" 라고 뜨죠?? 

 

이것이 바로 HTML에서 title의 기능입니다.

 

홍길동의 홈페이지인데  홈페이지가 너무 썰렁하다고요???

 

지금부터 저 홍길동의 홈페이지에다가 글자를 집어넣어보겠습니다.

 

지금 현재상태가

 

 

이렇게 나와있습니다.

 

요부분에다가 내용들을 입력할건데요

 

 

 

이렇게 입력하고 실행(Ctrl + B)을 해주면

 

요렇게 출력이 될것입니다.

 

저희는 분명

 

이름 : 홍길동

나이 : 100살

성별 : 남자

 

라고 출력하고 싶은데 그렇게 안되니 어떻게하냐고요??

 

다 방법이있습니다.

 

바로 <br>이란것 사용할건데요 <br>줄바꿈을 의미합니다.

 

참고적으로 &nbsp; 이라는것은 띄어쓰기입니다.

 

이렇게 입력해주시고 실행(Ctrl+B)시켜 주시면

 

 

 

 

 

요렇게 저희가 원하는데로 정상적으로 출력이됩니다.

 

홈페이지인데 이미지가 없어서 실망스럽다고요??

 

이미지넣는방법을 다음강의에서 설명드리도록 하겠습니다.~^^

 

 

 

 

글 잘보셧다면

 

 

네이버 블로그 이웃 추가 부탁드립니다.~^^

 

이웃 추가하시면 바로 티스토리로 넘어오실수 있어요 ㅎㅎㅎ

 

 

 이 글이 좋으시다면 손가락 버튼 클릭!!!


 

Comments