지난번에는 간단히 HTML 문서를 만들어 봤는대요. 이번에는 몇가지 태그에 대해 알아보고 사용해보겠습니다. 2015/09/14 - [웹 개발/HTML] - HTML 이란? 첫 HTML 문서 작성하기 우선 HTML 문서는 아래의 기본적인 규칙들을 따라 주셔야 합니다. 1. 문서의 처음은 로 정의해줄 것 ( 문서의 HTML 버전에 따라 다르지만 앞의 DOCTYPE html 는 HTML 5 임을 뜻합니다. ) 2. 문서는 의 안에 넣어 주도록합니다. 3. 사용자들이 보는 부분은 에 작성됩니다. 4. 아래는 최종 결과 예제 파일 입니다. 이제 간단히 태그와 코드를 보도록 하겠습니다. Heading Tag Paragraph Tags 위의 문서에 간단히 주석과 함께 문서를 만들어 봤습니다. * 주석이란? 주석은 개..
HTML 은 간단히 말하면 컨텐츠 제공자가 사용자에게 컨텐츠를 쉽고 편하게 보여 주기위한 일종의 문서 입니다. HTML 의 약자는 Hyper Text Markup Language 의 약자로 markup tag 로 이루어진 문서 입니다. Tag ( 태그 ) 는 HTML 문서를 구성하는 작은 단위로 태그라고 부릅니다. 일단 아래의 코드로 첫번째 문서를 만들고 설명 드리겠습니다. 나의 첫 HTML 문서 입니다! 이제 위의 코드를 아무 문서에 작성 후 파일 이름은 원하시는대로 하되 아래와 같이 확장자 명은 .html 로 해주시기 바랍니다. 문서 작성은 편하신 에디터 를 이용하시면 됩니다. 메모장으로도 가능합니다. 이제 이 파일을 웹 브라우져 (익스플로러, Chrome, firefox, safari )에서 열어 ..
Font Awsome 은 웹 페이지 개발시 이미지가 아닌 테그를 이용하여 아래와 같은 특수 문자를 쓸수 있도록 해줍니다. 등 사용전 알아두셔야할 것은 3.2.1 까지는 IE 8.x 등의 하위 버전을 지원하지만 4.3.0 과 같이 4.x 이상 버전에서는 저버전의 브라우저들을 지원하지 않으니 참고하시기 바랍니다. CDN 을 이용한 간단한 사용방법은 아래와 같이 버전별 URL 을 Head 사이에 넣으셔서 로드해주시고 Font Awsome 3.2.1 Font Awsome 4.3.0 아래와 같이 페이지의 문자표 테그를 참고하셔서 HTML 코드에 직접 사용하시면 됩니다. Font Awsome 3.2.1 아이콘 리스트 http://fortawesome.github.io/Font-Awesome/3.2.1/icons/ ..
요즘 웹작업을 하던 중 시안으로 나온 이미지에서 메뉴 버튼을 이미지로 뜯을까? 하다가 웹폰트인 나눔폰트를 사용해보았습니다. 결과는 만족스럽내요 :D 구글에서 나눔폰트를 찾는 방법은 Google Font 에서 Early Access 에서 찾으실수 있습니다. 링크 : http://www.google.com/fonts/earlyaccess 사용 방법은 nanum 폰트를 검색후 css 와 함께 font-family 를 css 에 적어주시면 됩니다. 아래는 예시 입니다. Nanum Brush Script (Korean)나눔 브러쉬 @import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css); 나눔 브러쉬 Nanum Gothic (Korean)..
처음 HTML 을 공부하실때 많이 궁금해 하시는 부분일것이 div 와 같은 박스 를 중앙으로 위치 시키는 것입니다. 아래와 같이 붉은 상자처럼 페이지의 중앙으로 위치시키는 방법인대요. 텍스트의 경우 text-align:center; 로 중앙으로 오지만 div 나 ul li 와 같은 경우 중앙에 위치하기 위해서는 div와 css 의 구조를 맞춰줘야 합니다. 우선 간단하게 예를 들어 보면 -HTML- 나는 중앙 상자 -CSS- #wrapper_element{ width:100%; height:450px; border:1px solid gray; } #element{ width:450px; height:450px; border:1px solid red; margin:0 auto 0; text-align:cen..
- Total
- Today
- Yesterday
- 데이터베이스
- 개발자
- ubuntu
- Nodejs
- SNS
- Developer
- 에러
- 웹 개발자
- php
- 우분투
- mac
- Database
- 게임 개발
- 웹 개발
- html
- JavaScript
- 웹 서버
- it
- 서버 개발
- 게임
- 설치
- 개발
- Laravel
- 맥
- 튜토리얼북
- 인터넷
- 웹
- Tutorialbook
- cocos2d-x
- 서버
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |