어뮤징 라이프

HTML 태그는 인터넷상에서 사용하는 언어이고, 이 언어를 해석해서 화면으로 보여주는 것이 웹 브라우저 입니다. HTML 태그를 이용해서 글자를 쓰고 그림을 그리고 동영상을 만드는 등 모든 표현을 할 수 있지만 그 중에서도 가장 많이 쓰고 중요한건 '글자'겠죠. 그리고 우리는 웹 페이지에서 HTML 폰트의 사이즈, 모양, 두께, 영문, 텍스트 사이 간격, 등 여러 속성을 설정할 수 있습니다. 오늘은 기초적이지만 가장 자주 쓰이는 텍스트 속성에 대해서 알아보도록 하겠습니다. HTML 폰트 스타일 태그 : 어떤 폰트를 사용할지 설정합니다. : 글씨의 크기를 지정합니다. : 글씨의 모양을 지정합니다. : 글씨의 두께를 지정합니다. 일반적으로 HTML 폰트는 와 로 나누어집니다. 는 끝 부분에 획이 없고 굵기가..

HTML & WEB 2017. 4. 7. 06:30

HTML에서 표를 만들때 사용하는 태그를 TABLE(테이블)태그라고 부르는데요, Table 태그는 행과 열을 구성하는 여러 태그들을 포함하여 표를 만들 수 있는 태그입니다. 지난 번, table 태그를 이용하여 표 만드는 법을 알아봤는데요, 오늘은 표에서 행과 열을 합칠수 있는 colspan 태그와 rowspan 태그에 대해서 알아보겠습니다. 태그를 이용하여 표 만들기가 아직 익숙하지 않으신 분들은 지난번 포스팅을 참조해주세요. http://amusinglife.tistory.com/62 표에서 각 셀을 만드는 태그는 태그와 태그입니다. 태그는 행을 추가하며 태그는 셀을 추가하는 태그를 뜻합니다. 표에서 행이나 열을 합칠때는 행 방향 또는 열 방향으로 합치게 되므로 태그와 태그를 사용하게 됩니다. 표에서..

HTML & WEB 2017. 4. 4. 14:00

HTML 코드를 작성하다 보면 형태의 태그를 많이 보셨을 텐데요, 이 SPAN 태그는 텍스트 단락 안에서 줄바꿈 가능 없이 특정 텍스트만 묶어서 스타일을 적용하려고 할 때 사용하는 태그입니다. 예를 들어, 텍스트 단락에서 특정 부분의 글자색을 지정하고 싶다면 SPAN 태그로 묶어서 색상을 지정할 수 있습니다. 아래와 같이 내용 태그를 활용하여 텍스트 단락의 일부분의 색상을 지정해보았습니다. ▲ html 무료 편집기 Notepad++ 를 사용하여 작성하였으며, notepad++ 다운 방법은 지난 포스팅을 참조해주세요. http://amusinglife.tistory.com/63 ▲ "날씨가 좋구나." 부분을 span 태그로 글씨 색상을 지정하여 위와 같이 표시된 것을 확인 하실 수 있습니다. 흔히 사용하지..

HTML & WEB 2017. 3. 28. 06:00

애플 제품을 사용하다 보면 아이튠즈나 앱스토어에 자주 방문하실 텐데요, 앱을 다운받거나, 아이튠즈로 사진을 전송하거나 노래를 넣을때 우리는 로그인을 해야합니다. 자주 로그인을 하더라도 간혹 ID나 비밀번호를 잊어버려 당황스러울때가 있죠. 오늘은 아이튠즈 비밀번호 찾기 또는 ID 찾는 방법을 알아보도록 하겠습니다. 우선, 아이튠즈 사이트로 로그인을 합니다. 주소는 아래 링크를 참고해주세요. https://support.apple.com/ko-kr ▲ 아이튠즈 비밀번호 찾기는 아이튠즈 홈페이지에서 가능합니다. 홈페이지 접속 후 상단 우측 버튼을 통해서 톱니바퀴 모양의 ACCOUNT(계정) 메뉴에 접속합니다. ▲ Account Settings 하단 Update your apple ID sign-in(애플 아이..

HTML & WEB 2017. 3. 22. 23:46

지난번, 티스토리 블로그에 구글 애널리틱스(GA)를 연동하는 방법을 알아보았는데요, 오늘은 임대형 쇼핑몰 메이크샵에 구글 애널리틱스(GA) 추적코드 삽입하는 방법에 대하여 알아보도록 하겠습니다. 우선, GA 가입 및 추적 ID를 발급받으셔야 합니다. 만약, 아직 추적 ID를 받지 않은 상태라면, 지난 포스팅을 참조하여 발급받아주세요. http://amusinglife.tistory.com/73 임대형 쇼핑몰 메이크샵에 GA 추적코드를 삽입하려면, PC 버전과 모바일 버전에 각각 작업을 해야 합니다. 메이크샵 사이트 PC 버전에 '구글 애널리틱스' 연동하기 ▲ 메이크샵 접속 -> 상단 메뉴바에서 '개별디자인' 클릭 -> 좌측 메뉴바에서 '디자인 스킨 관리' -> '디자인 편집하기' 버튼 클릭합니다. ▲ 위..

HTML & WEB 2017. 3. 18. 00:11

구글 애널리틱스 블로그 연동하기 쇼핑몰을 운영 중이거나, 블로그를 운영하는 분들은 구글 애널리틱스 연동하여 사용하시는 분들이 많죠. 네이버 애널리틱스도 있지만, 두 웹로그 분석 프로그램은 장·단점이 있습니다. 네이버 애널리틱스의 경우 사용법이 비교적 간단하여 초보자가 사용하기에도 편리합니다. 반대로 구글 애널리틱스는 사용법이 복잡하여 초보자가 사용하기에는 적합하지 않습니다. 물론 간단한 기능은 사용할 수 있지만, 그렇게 사용하려면 그냥 네이버 애널리틱스를 사용하기를 추천합니다. 구글 애널리틱스는 훨씬 많은 양의 데이터 분석이 가능하므로 이 웹로그 분석 프로그램을 사용하는 사람의 숙련도가 가장 중요합니다. 우선, 구글 애널리틱스 블로그 연동하는 방법을 알려드리겠습니다. 사실 아주 간단합니다. ▲검색창에 `..

HTML & WEB 2017. 3. 16. 16:38

HTML 편집기로 사용하여 코드를 작성하여 확인할 수 있지만, 매번 수정사항을 따로 저장하고 확인해야 하는 불편함을 없애기 위해서 우리는 각 브라우저의 개발자 도구를 사용하여 HTML 코드를 만들고 수정하여 그 즉시 수정사항의 결과를 확인하는 방법을 선택할 수 있습니다. 며칠 전 크롬 개발자도구 사용법에 대해서 알아봤는데요, 오늘은 익스플로러 개발자도구 사용법에 대하여 알아보도록 하겠습니다. 크롬 개발자도구 사용법 -> http://amusinglife.tistory.com/69 개발자 도구에서 특정 부분에 사용된 HTML 소스를 확인할 수 있으며 내용을 수정하여 그 즉시 확인 할 수 있습니다. 또한 CSS 내용, 자바스크립트 디버깅이나 리소스 사용 현황에 대하여도 확인이 가능합니다. 익스플로러 개발자도..

HTML & WEB 2017. 3. 15. 06:00

HTML5 에서 추가된 태그 중 태그가 있습니다. mark 태그는 인라인 태그이기 때문에 태그를 사용한 영역에만 적용됩니다. 따라서 선택한 부분에 형광펜 효과를 줄 수 있습니다. 즉, 특정 부분을 강조할 때 사용합니다. 기존에 html4 에서는 해당 효과를 넣기 위해서는 별도의 스타일시트를 사용해야 가능했지만, html5 에서는 태그로 쉽게 표시할 수 있습니다. [HTML MARK] 마크태그로 형광펜 효과내기 내용 ▲위와 같이 HTML 코드를 입력해보겠습니다. 강조를 원하는 내용에 ~ 태그를 입력해주세요. ▲확인한 결과 마크 태그를 입력한 부분에 노란색으로 강조 표시, 형광펜 효과가 나타났습니다. 마크 태그는 기본적으로 노란색으로 표시되며 background-color 속성을 사용하여 마크 태그의 배경색..

HTML & WEB 2017. 3. 13. 16:01