HTML 공부하기 : <a> 태그 사용 홈페이지나 블로그를 보면 다른 페이지로 이동할 수 있다. 홈페이지에 하이퍼링크를 추가하여 다른 페이지로 이동 태그를 이용해서 사용 외부 사이트 하이퍼링크 안에 태그를 보면 "https://awesomek.tistory.com" 주소로 링크된 것을 볼 수 있다. 아래 링크를 클릭하면 tistory 블로그로 바로 가게된다. 하지만 사이트에서 외부페이지로 바로 넘어가면 사용자가 불편함을 느낄 수 있다. 링크를 눌렀을 때 새탭에 띄울 수 있게 해보려한다. 위와 같이 뒤에 target="_blank" 를 추가해주면 된다. 사이트 내 이동하기 index 폴더경로는 file:///C:/web/index.html 이렇게 되어있다. web 폴더 아래 Directory 라는 폴더를 하나 만들고 거기에 page1.html .. 2020. 2. 2. HTML 공부하기 : CSS 입혀보기 HTML은 내용을 담고 CSS 스타일을 담당 태그를 글자를 크게 하고 가운데로 옮기자 태그를 추가 시키고 그안에 꾸며주는 역할을 하는 기능을 사용하면 된다. font-size : 폰트 사이즈 text-align : 글을 중앙으로 위치 text-align : left; text-align : right; text-align : center; margin-bottom : 글 사이 간격 그럼 h1 태그에 속해있는 글이 폰트 사이즈가 40px 그리고 글을 중앙으로 배치했으며 글 아래 여백을 100px 줬다는 뜻 2020. 1. 30. HTML 공부하기 : Sublime text 설치 및 실행 IDE : Sublime text Sublime text는 아래 링크에서 설치 https://www.sublimetext.com/3 Download - Sublime Text Sublime Text 3 is the current version of Sublime Text. For bleeding-edge releases, see the dev builds. Sublime Text may be downloaded and evaluated for free, however a license must be purchased for continued use. There is currently no enforced time limit f www.sublimetext.com : 웹브라우저에게 HTML 버전을 알려주는.. 2020. 1. 30. HTML 공부하기 : 한글 깨짐 수정 / UTF-8 위의 HTML을 크롬과 Internet Explorer에서 켜보면 크롬은 한글이 정상적으로 출력이 되지만, Internet Explorer에서는 이상한 글씨체로 출력이 된다. 좌측 : Internet Explorer 우측 : Chrome Chrome에서는 한글을 지원하는 인코딩 방식을 사용하지만 Internet Explorer에서는 지원을 하지 않는다. 똑같이 다른 브라우저에서도 동일하게 한글을 지원하게 하려면 어떻게 해야할까? 태그 밑에 을 추가하면 된다. 좌측 : Internet Explorer 우측 : Chrome 둘다 한글이 출력되는 것을 볼 수 있다. 를 쓰면 다른 브라우저에서도 동일하게 한글을 지원이 가능하다. 2020. 1. 30. 이전 1 2 3 다음
