개인 자료란 (JE)

  서버 커뮤니티

Profile 주원Love 디벨로퍼 인증 개발자

Yuuma_ 8412166dabab4c20b2c1e415f8e7a9ab

Profile

Html과 css

HTML 강좌? 1편

2020.08.08 조회 수 169 추천 수 0

안녕하세요 Visual Studio를 통해 HTML 로 웹사이트를 한번 만들어보려합니다.


아무곳이나 폴더를 하나 만들어줍니다.

폴더에 index.html 으로 파일을 하나 만들어줍니다.

50faf1a8f965660e734b1036f56bcec1.PNG

이런식으로 말이죠.

해당 파일을 우클릭하여, 연결 프로그램 - Visual Studio Code 로 열어줍니다.

( 또한 vscode 를 열어서 그래그하셔도 좋습니다. )

열어주신 후에 ! 를 치고 탭을 눌러주시면

ad5af7face6c8983632a8ee412b3fbcf.PNG

이런식으로 나옵니다.

여기서 lang 이 있는데 언어이므로 ko 로 바꿔주겠습니다.

저희는 여기서 title 을 원하는 이름으로 변경해줘야 합니다.

d354b922dd834b7070d5b3208234c72d.PNG

이런식으로 위쪽에 나오는 이름을 변경해주시는겁니다.

또한 파일에 div탭 을 눌러주시면 <div><div> 이런식으로 나올겁니다.

그렇게 된 후에 <div>안녕하세요<div> 이런식으로 해주시면

84e62ca3139378c0578798267cdc3e48.PNG

이런식으로 나오게 됩니다.

지금까지 봐주셔서 감사합니당 ~



Warning
댓글이 없습니다.

새로운 댓글을 등록해 주세요!

뉴스 및 창작물
/files/thumbnails/477/930/003/262x150.crop.jpg?20241201030912

레드스톤

뉴진스 - Super Shy | 마크 노트블럭 커버

노트블럭전문가

2024-12-01

0

/files/thumbnails/483/916/003/262x150.crop.jpg?20241127115329

레드스톤

[노트블럭 커버] 뉴진스 - ETA 3

노트블럭전문가

2024-11-27

1

/files/thumbnails/150/925/003/262x150.crop.jpg?20241123005717

건축

응답하라 1988 ? 1

팀뉴일리시

2024-11-23

5

/files/thumbnails/761/908/003/262x150.crop.jpg?20241025153749

건축

서울 숭례문(崇禮門) 6

KHC

2024-10-25

2

/files/thumbnails/578/899/003/262x150.crop.jpg?20241010142350

건축

경주 월정교 1

KHC

2024-10-10

2