본문 바로가기
[기초강좌] HTML Layouts - w3schools 번역 [기초강좌] HTML Layouts - w3schools 번역 w3school 의 강좌 내용을 번역한 글입니다. 원문 : http://www.w3schools.com/html/html_layout.asp 웹 페이지 레이아웃은 웹 사이트를 나이스 하게 보이도록 하는 데 매우 중요한 요소이다. 당신의 웹 페이지를 신중하게 디자인하라. Website Layouts 대부분의 웹사이트는 내용을 여러개의 컬럼을 이용하여 표시한다. ( 잡지나 신문처럼 ) 여러개의 컬럼은 나 element 를 사용하여 만들 수 있다. CSS 는 element 들의 위치를 지정하거나, 배경 지정, 그리고 컬러풀한 외관을 위해 사용된다. Tip : HTML table 을 이용해서도 좋은 레이아웃팅을 할 수는 있지만, table tag 는.. 2014. 3. 19.
[기초강좌] HTML Tables - w3schools 번역 [기초강좌] HTML Tables - w3schools 번역 w3school 의 강좌 내용을 번역한 글입니다. 원문 : http://www.w3schools.com/html/html_tables.asp HTML Tables 테이블은 tag 로 정의된다. 테이블의 행( 원문 : row ) 은 tag 로 정의된다. ( tr 은 table row 의 약자 ) 행의 셀( 혹은 열 ) 은 tag 로 정의된다. ( td 는 table data 의 약자 ) 행은 heading 으로 구분될 수도 있는데 이는 tag 를 사용한다. ( th 는 table heading 의 약자 ) elements 는 테이블의 데이터를 표시하는 곳이다. element 는 텍스트, 이미지, 리스트, 다른 테이블 등을 담을 수 있다. 테이블의.. 2014. 3. 13.
[기초강좌] HTML Styles - CSS - w3schools 번역 [기초강좌] HTML Styles - CSS - w3schools 번역 w3school 의 강좌 내용을 번역한 글입니다. 원문 : http://www.w3schools.com/html/html_css.asp CSS ( Cascading Style Sheets ) 는 HTML element 들을 스타일링 하는 데 사용된다. Styling HTML with CSS CSS 는 HTML 4 와 함께 소개된 것으로, HTML element 들을 더 나은 방법으로 스타일링 하는 데 사용된다. CSS 는 다음과 같은 방법으로 HTML 에 추가될 수 있다.* Inline - style 속성을 이용하여 HTML element 에 표기된다.* Internal - External Style Sheet External Sty.. 2014. 3. 11.
[기초강좌] 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 Paragraphs - w3schools 번역 [기초강좌] HTML Paragraphs - w3schools 번역 w3school 의 강좌 내용을 번역한 글입니다. 원문 : http://www.w3schools.com/html/html_headings.asp HTML 문서는 문단( 원문 : paragraphs )들로 나누어진다. HTML Paragraphs 문단은 tag 로 정의된다. This is a paragraphThis is another paragraph 눈으로 직접 보기. 주의 : 브라우저가 문단의 앞뒤로 빈 공간을 자동으로 추가한다. Don't Forget the End Tag 대부분의 브라우저는 당신이 end tag 를 빼먹고 안 써도 제대로 디스플레이 해준다. This is a paragraphThis is another paragr.. 2014. 2. 25.
[기초강좌] HTML Headings - w3schools 번역 [기초강좌] HTML Headings - w3schools 번역 w3school 의 강좌 내용을 번역한 글입니다. 원본 : http://www.w3schools.com/html/html_headings.asp Headings 는 HTML 문서에서 중요하다. HTML Headings Heading 은 ~ 으로 정의된다. 은 가장 중요한 heading 이고, 은 가장 덜 중요한 heading 이다. This is a headingThis is a headingThis is a heading 눈으로 직접 보기. 주의 : 브라우저가 자동으로 각 heading 앞뒤로 빈 공간 (여백) 을 넣는다. Headings Are Important HTML heading 은 heading 으로만 써야 한다. Heading .. 2014. 2. 24.
[기초강좌] 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.
반응형