[HTML 기본 요소] 테이블 공부 참고 : http://tcpschool.com/html/html_basic_tables ▶ 테이블 ▣ 테이블- 테이블이란 데이터를 보기 좋게 정리하여 보여주는 표를 의미. - 태그 구성☞ 태그는 테이블에서 열을 구분해 줌. ☞ 태그는 각 열의 제목을 나타냄.☞ 태그는 테이블의 열을 각각의 셀(cell)로 나누어줌. 참치 고래 상어 문어 오징어 고등어 - 결과 화면 참치 고래 상어 문어 오징어 고등어 - CSS의 border 속성을 이용하여 테이블에 테두리를 표현가능- 명시하지 않으면 테이블은 빈 테두리를 가짐.- 예제 table, th, td { border: 1px solid black }- 위의 예제는 테두리가 2줄씩 나타남.☞ 그 이유는 태그와 , 태그가 모두 자신만의 테두리를 가져서임.- 한.. WEB/HTML 8년 전
[HTML 기본 요소] 이미지 공부 참고 : http://tcpschool.com/html/html_basic_images ▶ 이미지 ▣ 이미지- 웹 페이지에서 주로 사용되는 이미지의 종류1. JPEG 이미지2. GIF 이미지3. PNG 이미지 ▣ 이미지 삽입- 태그를 사용하여 삽입.- 태그는 빈 태그- 문법 : ☞ src 속성 : 이미지 url 주소☞ 이미지 로딩 실패 시 나타날 문자열 - 결과 화면 ▣ 이미지 크기- 이미지 크기 설정 방식1. style 속성 이용2. width, height 속성이용 (픽셀단위)- 예제 ... ▣ 이미지 테두리 설정- border 속성을 사용하여 테두리 사용여부와 굵기를 설정 가능.- 예제 ▣ 이미지 링크 설정- 태그를 이용하여 링크 설정 가능- 예제 WEB/HTML 8년 전
[HTML 기본 요소] 링크 공부 참고 : http://tcpschool.com/html/html_basic_links ▶ 링크 ▣ HTML 링크(link) - 웹 페이지에서 다른 페이지나 사이트로 연결되는 수많은 하이퍼링크가 존재.- 이러한 하이퍼 링크를 간단히 링크(link)로 부름.- HTML에서는 태그로 표현. (태그는 텍스트나, 단락, 이미지 등 다양한 HTML 요소에 사용가능)- 문법 : html 링크 링크 클릭하세여~ - 결과 화면 링크 클릭하세여~ ▣ target 속성- 태그의 target 속성은 링크로 연결된 문서를 어디에서 열지 명시. target 속성값 설명 _blank 링크로 연결된 문서를 새 창이나 새탭에서 연다 _self 링크로 연결된 문서를 현재 프레임에서 연다(기본 설정) _parent 링크로 연결된 문.. WEB/HTML 8년 전
[HTML 기본 요소] 배경 공부 참고 : http://tcpschool.com/html/html_basic_backgrounds ▶ 배경 ▣ 배경 - 배경은 2가지 방법으로 변경가능1. 배경을 다른 색으로 변경2. 배경을 다른 이미지로 변경 ▣ 배경을 다른 색으로 변경- HTML5 이전에는 bgcolor 속성을 이용- HTML5 부터는 CSS를 이용.123 ▣ 배경을 다른 이미지로 변경- background 속성을 이용하여 배경을 이미지로 설정가능.- 문법 : - 예제 배경으로 이미지 삽입하기- 배경으로 이미지 사용 시, 웹 페이지의 로딩시간이 증가함.- 그래서 보통 작은 사이즈의 이미지를 패턴으로 만들어 배경이미지로 반복 설정함. WEB/HTML 8년 전
[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 8년 전
[HTML 기본 요소] 스타일 공부 참고 : http://tcpschool.com/html/html_basic_styles ▶ 스타일 ▣ HTML 스타일 - HTML 요소의 style 속성을 이용하면 CSS 스타일을 HTML 요소에 직접 설정 가능.- BUT, style 속성을 이요한 방법은 오직 단 하나의 HTML 요소에만 스타일을 적용가능.- 문법 : ▣ 배경색 변경- 배경색 변경 예제 배경색 변경!! - 결과 화면 배경색 변경!! ▣ 글자색 변경- 글자색 변경 예제 글자색 변경!! - 결과 화면 글자색 변경!! ▣ 글자 크기 변경- 글자크기 변경 예제크기야 커져라!!- 결과 화면 크기야 커져라!! ▣ 문단 정렬 변경- 문단 정렬 변경 예제 style 속성을 이용한 문단 정렬 변경 - 결과 화면 style 속성을 이용한 문단 정렬.. WEB/HTML 8년 전
