offfff

HTML Colors HTML에서 색의 이름, RGB 값, 16진수 등을 사용해서 색깔을 명시할 수 있다. Colors Names HTML에서 색 이름으로 색을 정의하는 방법에 대해 알아본다.HTML은 140가지의 표준 색 이름을 지원한다. 배경을 빨간색(red)으로 설정배경을 주황색(orange)으로 설정배경을 노랑색(yellow)으로 설정배경을 파란색(blue)으로 설정배경을 청록색(cyan)으로 설정 실행 결과는 아래와 같다. 배경을 빨간색(red)으로 설정배경을 주황색(orange)으로 설정배경을 노랑색(yellow)으로 설정배경을 파란색(blue)으로 설정배경을 청록색(cyan)으로 설정 RGB Value HTML에서 RGB 값으로 색을 정의하는 방법을 알아본다. RGB는 Red, Green, ..

HTML Comments HTML 소스코드에 코멘트(주석)를 넣는 태그에 대해 알아본다. HTML Comment Tags HTML에서 코멘트는 아래와 같이 작성한다 느낌표(!)가 들어가는 것이 시작 태그, 없는 것이 끝 태그이다.코멘트는 화면에 표시되지 않고, HTML 소스상에만 보인다.코멘트는 HTML을 디버깅할 때도 유용한데,코멘트 안에 HTML 소스코드를 넣으면, 브라우저가 해당 내용은 화면을 구성할 때 제외시킨다. This is a paragraph. Conditional Comments 조건부 코멘트는, Internet Explorer에서만 실행 가능한 태그를 정의할 때 사용한다.아래는 IE8버전에서만 실행할 조건부 코멘트를 작성하는 예이다. Software Program Tags HTML 코멘..

HTML Computer Code Formatting 컴퓨터 코드를 정의하는 태그들에 대해 알아본다,이 태그들을 사용한다고 해서 그 자체만으로 어떠한 특별한 기능을 갖는것은 아니다.(속성을 통해 이벤트를 부여하는 등은 가능하다.)그러나 이러한 태그를 사용함으로써 HTML 문서의 각 텍스트마다 의미를 부여할 수 있게되고,화면에 표시되는 모양이 각 요소에 적합하게 바꾸거나, 검색엔진 등에서 유용하게 사용할 수 있다. HTML For Keyboard Input 태그는 키보드 입력을 정의하는 요소이다. File | Open... HTML For Computer Output 태그는 컴퓨터 프로그램에서 나오는 출력의 예를 정의한다. demo.example.com login: Apr 12 09:1017 Linux 2..

HTML for Short Quotation 태그는 따옴표를 정의한다. 와 사이의 내용 양 옆으로 쌍 따옴표를 만들어 준다.cite 속성에 출처를 적을 수 있다. WWF's goal is to : Build a future where poeple live in harmony with nature. HTML for Quotations 태그는 많은 내용을 인용했을 경우 주로 사용하는데,브라우저가 대부분 들여쓰기를 해준다.cite 속성에 출처를 적을 수 있다. Here is a quote from WWF's website: For 50 years, WWF has been protecting the future of nature.The world's leading conservation organization,..

HTML Formatting Elements element의 내용(텍스트)을 꾸밀 때 사용하는 태그들 HTML and Elements 와 은 모두 텍스트를 굵게 만든다.같은 일을 하는데 두개나 있을 필요가 있을까? 한다면.. 있다.은 의미적으로 중요할 때 쓰인다.스크린 리더 같이 element의 의미를 해석하는 도구에서 텍스트를 강조해 읽는다. 텍스트가 굵어집니다.텍스트가 굵어지고 의미를 강조합니다. HTML and Elements 와 는 텍스트를 이탤릭체로 표시한다.둘의 차이는 역시 은 의미적으로 더 중요할 때 사용한다. 텍스트가 기울어집니다.텍스트가 기울고 의미를 강조합니다. HTML Element 은 텍스트를 작게 표시한다. HTML Small Formatting HTML Element 는 텍스트 ..

HTML 스타일 속성(The HTML Style Attributes) HTML element의 스타일은 style 속성으로 설정할 수 있다.HTML스타일 속성은 아래 문법을 따른다. 속성은 CSS속성이고, 값은 CSS 값인데, CSS에 대해서는 나중에 다룬다. HTML 배경색(HTML Background Color) background-color 속성은 HTML element의 배경색을 정의하는데 사용된다.아래는 페이지의 배경색을 powderblue 색으로 설정하는 예제이다. This is a headingThis is a paragraph HTML 글자 색(HTML Text Color) color는 HTML element의 글자 색을 정의하는 속성이다. This is a headingThis is a ..

HTML 문단(HTML Paragraphs) 태그는 문단을 정의한다이 태그를 사용할 때 브라우저가 자동으로 문단 앞뒤로 공백을 생성한다. 문단입니다. 앞뒤로 공백이 생겼습니다.이번엔 다른 문단입니다. 브라우저가 화면에 출력할 때(HTML Display) 컴퓨터마다 화면의 크기가 달라서, HTML 문서가 어떻게 화면에 출력될지 확신 못 할 수 있다.크고 작은 모니터나, 윈도우 해상도 설정 등이 다르기 때문이다.HTML 코드로는 공백이나 줄바꿈을 추가로 더 넣더라도, 의도한대로 출력이 안된다.왜냐하면 브라우저가 추가된 공백, 줄바꿈을 의도적으로 없애버리고 출력하기 때문이다. 이 문단은많은 줄바꿈을 가지고 있는데도브라우저가 줄바꿈을 반영해주지 않습니다. 이 문단은 스페이스를 여러 번 쳤는데도브라우저가 이를 무..

HTML 제목(HTML Headings) 제목(Heading)은 ~ 태그로 정의된다.이 가장 큰 크기의 제목이고, 가 가장 작은 크기의 제목이다.실행해 보면, 헤딩과 다음 헤딩사이에 자동적으로 공백이 생기는 것을 알 수 있다. 제일 큰 제목그다음 큰 제목그다음 큰 제목그다음 큰 제목그다음 큰 제목제일 작은 제목 제목이 중요하다(Headings Are Important) 검색엔진은 웹 페이지의 내용과 구조를 목록화 할 때 제목(heading)을 사용한다.유저는 제목(heading)을 가지고 자신이 찾는 정보를 고른다.그래서 문서의 구조를 보여줄 때 제목(heading)이 중요하다.을 메인 제목으로 사용하고, 덜 중요할 수록 태그의 숫자를 늘려가면 된다.그러므로 태그는 텍스트를 크거나 굵게 보이게 하고 싶을..

HTML 속성(HTML Attributes) HTML attribute는 HTML element에 추가적인 정보를 부여한다 - 모든 HTML element들은 HTML attribute(속성)을 가진다.- 속성은 element에 대한 추가적인 정보를 나타낸다.- 속성은 항상 시작 태그 안에 기술한다.- 보통 속성의 이름과 값이 쌍으로 적는다. ( 속성 이름="값" ) 언어 속성(The lang Attribute) HTML문서의 언어 속성은 태그에서 선언된다. 언어속성은 lang으로 선언한다.언어 속성은 검색 엔진, 애플리케이션의 접근성에 중요하게 쓰인다. 아래 예제 lang 속성에서, 첫번째 두 글자(en)는 언어이다.만약 같은 언어(아래에서는 영어)임에도 여러나라에서 쓰인다면 -US를 붙여 국가를 선택..

HTML Elements HTML element는 주로 시작 태그와 끝 태그로 구성되고, 그 사이에 내용이 들어간다.HTML element라고 하면 시작 태그부터 그 사이의 내용, 끝 태그까지를 말한다.간혹, 같이 내용이 없거나 끝 태그가 없는 HTML element도 있다. 들어갈 내용... Nested HTML Elements HTML element는 다른 element를 내용으로 포함하기도 한다.모든 HTML 문서는 nested HTML element로 구성되어 있다.아래 예제는 네 개의 HTML element로 구성되어 있다. My First HeadingMy first paragraph. element가 element를 포함하고 있고, element는 과 를 그 내용으로 포함하고 있다.eleme..