WEB 검색 결과

해당 글 22건

[HTML 기본 요소] 이미지

공부 참고 : http://tcpschool.com/html/html_basic_images ▶ 이미지 ▣ 이미지- 웹 페이지에서 주로 사용되는 이미지의 종류1. JPEG 이미지2. GIF 이미지3. PNG 이미지 ▣ 이미지 삽입- 태그를 사용하여 삽입.- 태그는 빈 태그- 문법 : ☞ src 속성 : 이미지 url 주소☞ 이미지 로딩 실패 시 나타날 문자열 - 결과 화면 ▣ 이미지 크기- 이미지 크기 설정 방식1. style 속성 이용2. width, height 속성이용 (픽셀단위)- 예제 ... ▣ 이미지 테두리 설정- border 속성을 사용하여 테두리 사용여부와 굵기를 설정 가능.- 예제 ▣ 이미지 링크 설정- 태그를 이용하여 링크 설정 가능- 예제
WEB/HTML 2017. 6. 22. 10:50

[HTML 기본 요소] 링크

공부 참고 : http://tcpschool.com/html/html_basic_links ▶ 링크 ▣ HTML 링크(link) - 웹 페이지에서 다른 페이지나 사이트로 연결되는 수많은 하이퍼링크가 존재.- 이러한 하이퍼 링크를 간단히 링크(link)로 부름.- HTML에서는 태그로 표현. (태그는 텍스트나, 단락, 이미지 등 다양한 HTML 요소에 사용가능)- 문법 : html 링크 링크 클릭하세여~ - 결과 화면 링크 클릭하세여~ ▣ target 속성- 태그의 target 속성은 링크로 연결된 문서를 어디에서 열지 명시. target 속성값 설명 _blank 링크로 연결된 문서를 새 창이나 새탭에서 연다 _self 링크로 연결된 문서를 현재 프레임에서 연다(기본 설정) _parent 링크로 연결된 문..
WEB/HTML 2017. 6. 22. 10:37

[HTML 기본 요소] 배경

공부 참고 : http://tcpschool.com/html/html_basic_backgrounds ▶ 배경 ▣ 배경 - 배경은 2가지 방법으로 변경가능1. 배경을 다른 색으로 변경2. 배경을 다른 이미지로 변경 ▣ 배경을 다른 색으로 변경- HTML5 이전에는 bgcolor 속성을 이용- HTML5 부터는 CSS를 이용.123 ▣ 배경을 다른 이미지로 변경- background 속성을 이용하여 배경을 이미지로 설정가능.- 문법 : - 예제 배경으로 이미지 삽입하기- 배경으로 이미지 사용 시, 웹 페이지의 로딩시간이 증가함.- 그래서 보통 작은 사이즈의 이미지를 패턴으로 만들어 배경이미지로 반복 설정함.
WEB/HTML 2017. 6. 22. 10:11

[HTML 기본 요소] 색

공부 참고 : http://tcpschool.com/html/html_basic_colors ▶ 색 ▣ HTML 색- 색 표현 방법1. 색상 이름2. RGB 색상값3. 16진수 색상값 ▣ 색상 이름으로 표현색상 이름으로 표현된 파란색 색상 이름으로 표현된 녹색 색상 이름으로 표현된 은색 색상 이름으로 표현된 청록색 색상 이름으로 표현된 빨간색 - 결과 화면 색상 이름으로 표현된 파란색색상 이름으로 표현된 녹색색상 이름으로 표현된 은색색상 이름으로 표현된 청록색색상 이름으로 표현된 빨간색 ▣ RGB 색상값으로 표현' - Red, Green, Blue로 혼합. (0~255)RGB 색상값으로 표현된 파란색 RGB 색상값으로 표현된 녹색 RGB 색상값으로 표현된 은색 RGB 색상값으로 표현된 청록색 RGB 색상..
WEB/HTML 2017. 6. 21. 10:29

[HTML 기본 요소] 스타일

공부 참고 : http://tcpschool.com/html/html_basic_styles ▶ 스타일 ▣ HTML 스타일 - HTML 요소의 style 속성을 이용하면 CSS 스타일을 HTML 요소에 직접 설정 가능.- BUT, style 속성을 이요한 방법은 오직 단 하나의 HTML 요소에만 스타일을 적용가능.- 문법 : ▣ 배경색 변경- 배경색 변경 예제 배경색 변경!! - 결과 화면 배경색 변경!! ▣ 글자색 변경- 글자색 변경 예제 글자색 변경!! - 결과 화면 글자색 변경!! ▣ 글자 크기 변경- 글자크기 변경 예제크기야 커져라!!- 결과 화면 크기야 커져라!! ▣ 문단 정렬 변경- 문단 정렬 변경 예제 style 속성을 이용한 문단 정렬 변경 - 결과 화면 style 속성을 이용한 문단 정렬..
WEB/HTML 2017. 6. 21. 10:21

[HTML 텍스트 요소] 문자셋

공부 참고 : http://tcpschool.com/html/html_text_encodings ▶ 문자셋 ▣ 문자셋(Character set)- 웹 브라우저가 HTML 문서를 정확히 나타내기 위해서는 해당 문서가 어떤 문자셋으로 저장되었는지 알아야함.- 따라서 HTML 문서 저장 시 사용된 문자셋에 대한 정보를 태그 내의 태그에 명시함. - HTML4에서 UTF-8의 경우 - HTML5에서 UTF-8의 경우 ▣ 문자셋의 종류1. ASCII : 가장 처음 만들어진 문자셋. 인터넷에서 사용할 수 있는 127개의 영문자와 숫자로 구성.2. ANSI : 윈도우즈에서 만든 문자셋. 총 256개의 문자코드를 지원3. ISO-8859-1 : 256개의 문자 코드를 지원하는 HTML4의 기본 문자셋4. UTF-8 :..
WEB/HTML 2017. 6. 21. 10:08

[HTML 텍스트 요소] 주석

공부 참고 : http://tcpschool.com/html/html_text_comments ▶ 주석 ▣ 주석(comment)- 웹 브라우저에 표현되지 않음.- HTML에서 주석을 표현하는 방법 : - 여러 줄에 걸쳐 주석을 작성해도 됨.- 주석을 읽고싶다면 웹 브라우저의 페이지 소스 보기 등을 통해서 확인가능. ▣ 중첩 주석- HTML 주석은 중첩이 불가함.- 예제이 부분은 조금 어려운 코드입니다. 위와 같이 어려운 코드의 이해를 돕기 위해서 개발자가 적어놓은 설명입니다. --> - 결과 화면 이 부분은 조금 어려운 코드입니다. 위와 같이 어려운 코드의 이해를 돕기 위해서 개발자가 적어놓은 설명입니다. -->
WEB/HTML 2017. 6. 21. 10:00

[HTML 텍스트 요소] 인용구

공부 참고 : http://tcpschool.com/html/html_text_quotations ▶ 인용구 ▣ 인용구(Quotation)- HTML에서 인용구를 표현하는 방법은 2가지로 나뉨.1. 짧은 인용구2. 블록 인용구 ▣ 짧은 인용구- 태그(quotation)를 사용하여 표현할 수 있으며 자동으로 앞뒤에 큰 따옴표가 붙음.HTML의 정의는 웹 페이지를 만들기 위한 하이퍼텍스트 마크업 언어 입니다. - 결과 화면 HTML의 정의는 웹 페이지를 만들기 위한 하이퍼텍스트 마크업 언어 입니다. ▣ 블록 인용구- 길이가 긴 인용문은 태그를 사용하여 표현.- 태그는 인용 부분을 별도의 단락으로 구분하여 나타냄.HTML의 정의 인터넷 서비스의 하나인 월드 와이드 웹을 통해 볼 수 있는 문서를 만들 때 사용하..
WEB/HTML 2017. 6. 21. 09:54