본문 바로가기
[기초강좌] HTML Links - w3schools 번역 [기초강좌] HTML Links - w3schools 번역 w3school 의 강좌 내용을 번역한 글입니다. 원문 : http://www.w3schools.com/html/html_links.asp Link 는 대부분의 웹 페이지에서 찾아 볼 수 있다. Link 를 클릭하면 현재 페이지에서 다른 페이지로 연결된다. HTML Hyperlinks ( Links ) HTML tag 는 hyper link 를 정의한다. Hyperlink ( 또는 link ) 는 단어, 단어의 모음, 또는 이미지를 의미하는데, 이것을 클릭하면 다른 문서로 연결하는 기능을 가지고 있다. 웹 페이지에서 링크 위로 마우스 커서를 이동하면, 화살표 모양의 커서가 작은 손 모양으로 바뀐다. tag 의 가장 중요한 속성은 href 이다. .. 2014. 3. 5.
[기초강좌] HTML Comments - w3schools 번역 [기초강좌] HTML Comments - w3schools 번역 w3school 의 강좌 내용을 번역한 글입니다. 원문 : http://www.w3schools.com/html/html_comments.asp 주석 tags 는 으로 구성된다. HTML Comment Tags HTML 소스에 다음과 같은 법칙으로 주석을 추가할 수 있다. 주의 : opening tag 에는 ! ( 느낌표 ) 가 있지만, closing tag 에는 없다. 주석은 브라우저에 의해 표시되지는 않는다. 하지만 HTML 을 문서화 하는데 좋다. 주석을 통해 HTML 에 알림이나 메세지를 넣을 수 있다. This is a paragraph. 눈으로 직접 보기 주석은 HTML 을 디버깅하는데도 좋다. 왜냐하면 HTML 의 몇몇 라인을 .. 2014. 3. 4.
[기초강좌] HTML Text Formatting - w3schools 번역 [기초강좌] HTML Text Formatting - w3schools 번역 w3school 의 강좌 내용을 번역한 글입니다. 원문 : http://www.w3schools.com/html/html_formatting.asp This text is bold This text is italic This is computer output This is subscript and superscript 눈으로 직접 보기. HTML Formatting Tags HTML 은 , 와 같은 tag 를 이용하여 보여지는 형태를 달리 한다. 이런 HTML Tag 들을 formatting tag 라고 부른다. ( 전체 reference 는 이 페이지의 하단을 참고하길.. ) Tip종종 이 처럼, 그리고 이 처럼 표기된다.하지.. 2014. 2. 27.
[기초강좌] HTML 속성 ( Attributes ) - w3schools 번역 [기초강좌] HTML 속성 ( Attributes ) - w3schools 번역 w3school 의 강좌 내용을 번역한 글입니다. 원본 : http://www.w3schools.com/html/html_attributes.asp 속성 ( 원문 : Attribute ) 은 HTML element 에 추가적인 정보를 제공한다. HTML Attributes * HTML elements 는 속성을 갖는다.* 속성은 element 에 추가적인 정보를 제공한다.* 속성은 언제나 start tag 에 표기된다.* 속성은 항상 이름/값 쌍으로 제공된다. : name="value" Attribute Example HTML link 는 tag 를 통해 정의되는데, link 주소는 href 속성으로 정의된다.This is .. 2014. 2. 23.
[기초강좌] HTML 기초 - 4개의 예제 - w3schools 번역 [기초강좌] HTML 기초 - 4개의 예제 - w3schools 번역 w3school 의 강좌 내용을 번역한 글입니다. 원본 : http://www.w3schools.com/html/html_basic.asp 예제들이 배우지 않은 tag 들을 사용한다고 해도 걱정할 필요 없어요.다음 강좌들에서 tag 들에 대해 배우게 될 테니깐요. HTML Headings HTML Headings 은 ~ tag 를 통해서 정의된다. This is a headingThis is a headingThis is a heading 눈으로 직접 확인하기 HTML Paragraphs HTML 의 문단은 tag 를 통해 정의된다. This is a paragraph.This is another paragraph. 눈으로 직접 확인하.. 2014. 2. 19.
[기초강좌] HTML Editors - W3Schools 번역 [기초강좌] HTML Editors - W3Schools 번역 w3school 의 강좌 내용을 번역한 글입니다. 원본 : http://www.w3schools.com/html/html_editors.asp Writing HTML Using Notepad or TextEdit HTML 은 다음과 같은 전문적인 HTML 편집기로 잡업할 수 있다. - Adobe Dreamweaver - Microsoft Expression Web - CoffeeCup HTML Editor 하지만, HTML 을 배우기 위해서는 메모장 ( PC ), TextEdit ( Mac ) 를 사용하는 것이 권장된다. 간단한 편집기가 HTML 을 배우는 데 좋다. Step 1 : Start Notepad - 메모장을 실행하기 위해서는 시작.. 2014. 2. 17.
[jQuery/Tutorial] Selector 를 통해 Element 선택하기. Selector 를 통해 Element 선택하기. [이전강좌] DOM의 Attributes 사용하기. jQuery 는 CSS3 가 제공하는 selector 대부분을 지원하고, 이외의 특별한 selector 들도 제공한다. ID 로 선택하기 $("#myID"); Class 이름으로 선택하기 $(".myClass"); Attribute 값으로 선택하기 $("a[href='newHtml.html']"); CSS 복합 selector 로 선택하기 $("#myID ul.myClass li"); Pseudo-selector $("a.external:first"); // external 이라는 class 를 가진 첫번쨰녀석$("tr:odd"); // tr 의 홀수번째 녀석들. $("#myForm:input") // .. 2013. 7. 17.
[jQuery/Tutorial] DOM의 Attributes 사용하기. DOM 의 Attributes 사용하기 [이전강좌] jQuery 와 다른 JS Library 함께 쓰기 ( noConflict 함수 ) jQuery 함수 중 하나인 attr 함수는 DOM attribute 에 대한 getter 이자, setter 로 사용할 수 있다. Setter 로서의 사용 예 $("a").attr( "href", "newHtml.html" ); $("a").attr({title: "newTitle",href: "newHtml.html"}); Getter 로서의 사용 예 $("a").attr( "href" ); [다음강좌] Selector 를 통해 Element 선택하기. attr, attributes, DOM, dom attribute, exmaple code, getter, jQue.. 2013. 7. 16.
[jQuery/Tutorial] jQuery 와 다른 JS Library 함께 쓰기 ( noConflict 함수 ) jQuery와 다른 JS Library 함께 쓰기 ( noConflict ) [이전강좌] $(document).ready() 와 $(window).load() 의 차이. jQuery 는 해당 library 를 사용을 위한 namespace 로 "jQuery" 를 지정했고, $ 를 그 alias 로 지정해놓았다.하지만 다른 유명한 JS Library 들도 $ 를 namespace alias 로 사용하는 경우가 있어jQuery 와 다른 library 사이에 충돌이 일어나는 경우가 있다. 충돌이 일어나면, 내가 현재 사용하는 $ 가 어떤 library 에 귀속되는 녀석인지 판별하기가 어렵다.그래서 가능하면 한 개의 library 로 해결할 수 있다면 다른 library 를 함께 사용하는 것은 비추되고 있다.C.. 2013. 7. 15.
반응형

티스토리툴바