나를 찾아가는 여행

나다움을 찾아가는 여정, 다가치사람다운 세상을 만들어가요

자기개발/빅데이터_R과 파이썬

에디트플러스로 HTML (HyperText Markup Language) 배우기

안박 2022. 9. 28. 21:16

저작권비용없는

EditPlus v5.1 Build 1778 Portable (2).zip
4.41MB

웹 브라우저 중 크롬 접속

 

1. 에디트플러스 

https://www.editplus.com/kr/download.html

참고: 에디트플러스 실시가 안될경우, http://www.sublimetext.com/)

(암호: topis.me)

 

참고: 압축해제 오류시 추가 설치 

닷넷 2.0 https://www.microsoft.com/ko-kr/download/details.aspx?id=6041

 

Download Microsoft .NET Framework 2.0 서비스 팩 1(x64) from Official Microsoft Download Center

중요! 아래에서 언어를 선택하면 전체 페이지 내용이 해당 언어로 신속하게 변경됩니다. 독일어러시아어스웨덴어스페인어영어이탈리아어일본어중국어(간체)중국어(번체)포르투갈어(브라질)프

www.microsoft.com

2. D드라이브에 저장

참고: 시작화면에 고정해서 사용하세요~

3. Ctrl+ b(브라우저 소스편집)

 

* 타이틀 사이에도 입력해보고

 

*  바디 사이에도 입력해보고 

 

*  크롬으로 항상 열릴 수 있도록! 

 

 

그럼 실습!!!

 

엔젤피쉬를 인터넷에서 검색한 뒤 이미지를 저장해보기

 

주의!! 저장은 반드시 프로그램 설치된 D드라이브에 저장하고, 그림파일확장자 체크!

 

 <img src="angelfish.jpg"> 를 바디사이에 넣으면? 

 

 

그림의 저장경로가 하위파일로 바뀌었을경우, 예를 들어 data파일에 저장됬다면?

<img src="data/angelfish 2.jpg"> 라고 입력해봅니다. 

 

 

하이퍼링크로 불러오기 

 

  이미지에 설명넣기

           <body> 

           위키백과 설명 붙여넣기

            이미지 링크 

             </body> 

 

 

 

이것을 티스토리 브라우저로 만들려면

 

스킨편집 > Html > 파일업로드 > 추가 >  위에 저장했던 angelfish 파일불러오기   

 

오른쪽 마우스 클릭하여 새창에서 링크열기를 통해 확인해보세요! 

 

  스킨편집 > 푸터 > 외부링크로 연결하면 끝!