티스토리 뷰

홈페이지 만들기

4. 소스코드 읽는 방법 알기 두번째

cocoder 2024. 3. 14. 14:40
728x90

 

이번 포스팅은 실제 오픈소스로 가져온 소스코드를 보고 약간의 수정을 한번 해볼게요.

 

자 여기 저번포스팅에서 가져온 'index.html' 파일이 있습니다.

저번 포스팅에서 배운 내용을 살펴보니 <head></head> 요 태그 안에 <link>태그도 보이고 <meta>태그도 보이네요. 이 부분은 아직은 건드릴건 아니니 일단 두겠습니다. 위 사진을 보면 <title>이라는 태그가 보이실 겁니다. 보시기 편하게 빨간줄로 표시를 해놨습니다.

<title>Fruitables - Vegetable Website Template</title>

요런 모습을 하고있는데 <title> 태그안에 'Fruitables - Vegetable Website Template' 요런 텍스트가 보이시죠? 이게 'index.html' 파일의 제목입니다. 'index.html' 파일을 실행시켜보면,

 

상단에 요렇게 표시가 되어있는걸 확인하실 수 있으실겁니다.

 

하지만 저희는 나만의 홈페이지를 만들거기 때문에 이런 제목은 좋지않네요. 바꿔보겠습니다.

 

<title> 태그는 그대로 남겨두고 안의 텍스트 내용만 바꿔봅시다. 저는 'cocoder 홈페이지 입니다.' 라는 제목을 사용할거에요. 그럼이제 변경된 내용을 Ctrl + S 를 사용하여 저장해줍시다.

 

그리고 'index.html' 파일을 새로고침(F5) 해보겠습니다.

 

 

짠! 제목이 바뀌었습니다. 이런식으로 홈페이지의 제목을 변경할 수 있습니다.

 

다음 포스팅 부터는 본격적으로 <body>태그 안의 내용을 읽어보는 포스팅을 써보겠습니다.

728x90

'홈페이지 만들기' 카테고리의 다른 글

5. 소스코드 읽는 방법 알기 세번째  (0) 2024.03.14
3. 소스코드 읽는 방법 알기 첫번째  (0) 2024.03.13
2. 오픈소스 활용하기  (0) 2024.03.13
1. 홈페이지 만들기 준비하기  (0) 2024.03.13
누구나 만들 수 있는 홈페이지 제작  (0) 2024.03.13