웹아틀리에 - Web atelier

HTML DTD HTML DTD(독타입 선언)는 사용하고자 하는 HTML 문서의 종류와 버전을 표시합니다. 독타입에는 몇 가지 종류가 있지만 주로 사용하는것은 다섯 개 정도로 꼽아 볼 수 있겠습니다. DTD는 W3C에서 정의한 웹표준을 의미하는데요, 선언을 해 주지 않으면 다양한 웹 브라우저들이 제각각의 형태로 렌더링을 하고 맙니다. 그래서 최소한의 격차로 줄이고 표준을 만들기 위해 정의 한 것이죠. DTD선언이란 것은 크로스 브라우징의 출발점이자 웹표준의 기초 입니다. 독 타입의 종류와 선언 HTML5 가장 최신의 시맨틱한 트렌디의 독타입 문서 입니다. 대부분의 스마트폰들은 지원을 하고있지만 PC사양에서의 구버전 브라우저들은 완전히 지원을 하지는 못합니다. W3C에서 html5를 공식 표준 권고안으로 ..

지난 포스팅엔 a태그 까지 작성을 했었네요. 오늘은 이어서 관련 태그들을 포스팅 하도록 하겠습니다. 이미지 태그 이미지 태그 사용법 입니다. 1. 경로 절대경로 절대 경로는 이름 그대로 변하지 않는 절대적인 경로 입니다. 이것은 a 태그 경로와도 똑같은데요. 이렇게 사용하는 것이죠. 이 경로는 불변이기 때문에 작성되고 있는 페이지가 어디로 이동이 되든지 링크가 변할 일은 없습니다. 상대경로 상대경로는 조금 이해가 필요한데요. 실제 링크가 사용되어지고 있는 위치에 따라 변하게됩니다. 이렇습니다. 좀 더 간단하죠? 이 경로에 대해 설명을 드리자면.. 현재 이 링크가 작성되고 있는 페이지에서 "../"를 이용해 상위 폴더로 나온다음 "/images"를 이용해 images폴더로 들어갑니다. 그리고 그 안쪽에 있..

HTML태그의 기초부터 시작하도록 하겠습니다. 뭐든지 기초가 탄탄해야 결과가 좋으니까요. HTML과 CSS만 조금 배워두면 티스토리 블로그를 예쁘게 꾸미는데 참 도움이 되겠죠? 텍스트 관련 태그 1. 물리적 태그 물리적 태그는 화면에 출력되는 형태를 지정해 주는 태그 입니다. 소스설명화면출력텍스트기울임 글꼴(Italics)텍스트텍스트굵은 글꼴(Bold)텍스트텍스트타자기 글꼴(Teletype)텍스트텍스트밑줄친 글꼴(Underline)텍스트텍스트취소선(Strikethrough)텍스트텍스트취소선(Strikethrough)텍스트텍스트아래첨자(Subscript)텍스트텍스트위첨자(Superscript)텍스트텍스트크게, Bigger font (one size bigger)텍스트텍스트작게, Smaller font (o..

HTML / CSS 카테고리의 첫 글로써 사이트를 하나 소개할까 해요. W3schools.com 라는버튼이 보이시죠? 외쪽의 코드를 직접 수정한 후, 이 버튼을 누르면 바로 적용되어 나타납니다. 아주 간편해요. 여기까지 W3schools.com 의 모습을 조금 소개해 드렸네요. 전 기본적으로 자주 들어가는 편이에요. 가끔 문법을 까먹는 태그라던지, 레퍼런스들을 확인하러 들어오죠. 새로운 태그를 접하면 예제도 몇개 해보는 편이구요. 이런식으로 공부를 하다 보면 자신도 모르게 실력이 자라나는게 아닐까 생각해 봅니다. 기초는 아주 중요하니까요.