분류 전체보기
-
[코딩2] HTML 기본 구조 - title & body 실습코딩의 즐거움/HTML 2020. 10. 6. 11:33
위에 적힌 구조가 html의 기본 구조이다. 생략할 수 없고 늘 적어줘야 한다. 색깔별로 짝이다. 순서도 위와 같이 적어야 한다. 짝별로 잘 보면 아래쪽 글에 "/"가 들어가 있다. "/"가 들어가 있는 태그가 닫히는 태그이다. 저걸 빼먹으면 웹페이지가 이상하게 나타날 수 있으니, 꼭 신경써서 적어줘야 한다. 태그 안에 코딩의 즐거움이라는 글자를 입력했다. 에디트플러스나 아톰과 같은 html 편집기에 위 내용을 입력한 후 "구본구조.html"로 저장을 해준다. 파일이름은 달라도 되나 확장자 " .html " 틀리지말고 잘 적어준다. 저장한 파일을 더블클릭해서 열어준다. 나는 크롬으로 열었다. 웹페이지의 제목에 해당되는 부분에 입력한 내용이 나타나는 걸 볼 수 있다. 실습의 중요성. 정의를 읽는 것보다 실..
-
[코딩1] HTML 편집기 - 에디트플러스 EditPlus & 아톰 Atom코딩의 즐거움/HTML 2020. 10. 5. 14:58
코딩을 하기 위해서는 편집기가 필요하다. 메모장에다가 적어도 웹페이지 제작이 가능하나 편집기는 오타난 부분을 색으로 표시해주고 자동완성기능도 있기 때문에 작업하기가 훨씬 편하다 오늘은 내가 사용해본 편집기 두가지를 소개해보려고 한다. 먼저, 첫번째. 에디트플러스 EditPlus. 학원에서 사용하던 편집기 에디트플러스. 편집기에 스펠링을 쳐도 관련 언어가 자동으로 뜨지 않아서 공부하기에 좋다. 구글에 [에디트플러스]로 검색을해서 들어가면 아래와 같은 페이지가 나온다 주소는 www.editplus.com/kr/ 구입하기 아래의 편집기 5.3 다운로드나 최신 버그 패치 파일 5.3을 클릭해서 다운받으면 된다. 30일동안 평가판으로 이용이 가능하고 구매비용도 치킨한두마리가격으로 저렴한 편이다 코딩입문자라면 에디..