본문 바로가기

HTML 강의

(3)
html 4강ㅣtitle 태그 지금까지 다 완벽했어요. 하지만 허전한 점이 하나 있습니다. 뭐냐고요? 바로 사이트의 제목이에요. 유튜브를 한번 볼까요? YouTube 라고 되어있는 것을 볼 수 있습니다. h1 태그를 이용해서 웹 페이지 상에서는 제목을 출력하게 했지만, 정작 탭 표시줄에서는 파일 이름이 나온단말이죠. 그럼 어떻게 탭 표시줄에서 표시되는 제목을 바꿀 수 있을까요? 바로 title 태그로 바꿉니다. title 태그는 이렇게 생겼습니다. title 태그는 그 자체로 뭘 할 수 있는 태그가 아니라, 글자를 감싸면서 "이건 탭 표시줄에서 표시되는 제목이야" 하는 역할이기 때문에 2개입니다. h1 태그랑 비슷하죠? 한번 이렇게 해보겠습니다. 잘 표시됨을 확인할 수 있습니다. 감사합니다! 다음 시간에 뵙겠습니다.
html 3강ㅣimg 태그 img 태그라... 무슨 역할일 것 같나요? 대충 아셨을 분도 있을 거 같은데요, 바로 "이미지"를 보여주는 역할을 하는 태그입니다. 여러분은 img 태그가 어떻게 생겼을 것 같나요? 태그처럼 2개일까요? 아니요. img 태그는 1개입니다. 왜 1개일까요? 그 이유는 간단합니다. img 태그는 무엇을 감싸면서 "이건 이거다" 하는 게 아니거든요. 그냥 이미지 그 자체입니다. 생각해보세요. 글자를 감싸면서 "이건 이미지야" 할 순 없잖아요? 그래서 img 태그는 하나뿐이랍니다. 근데, 이렇게 되면 문제가 생깁니다. 어느 이미지를 표현한다는건지 html이 알 수가 없잖아요. 심지어 사람도 몰라요. 이건 무슨 이미지를 뜻하는지 아무도 모릅니다. 그래도 궁금하니 한번 해볼까요? 이렇게 해보겠습니다. 열어보면 아..
html 0편ㅣ환경 설정 코딩은 vsc로 코딩하는게 좋기 때문에, vsc를 다운로드해야 합니다. 검색창에 vsc를 검색하고 맨 위에 있는 링크를 들어가주세요. Download for Windows 를 누르세요. 다운로드가 완료되었으면 파일을 여세요. 약관을 동의하고 "다음" 을 누릅니다. "바탕화면에 바로가기 만들기" 를 누르고 "다음" 을 누릅니다. "설치" 를 누르세요. 파일 다운로드가 시작됩니다. 보통 1분이 안걸리니 다른거 하고 계시면 됩니다. 다 다운로드 되었으면 "종료"를 누릅니다. 실행되면 이런 창이 뜨는데요, "파일>폴더 열기"를 누르세요. 폴더 열기 창이 열리면 우클릭하고 "새로 만들기>폴더"를 눌러주세요. 원하는 이름을 입력해주세요. 저는 webcoding으로 하겠습니다. "폴더 선택"을 눌러주세요. 폴더가 성..