[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년 전
[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 8년 전
[HTML 텍스트 요소] 주석 공부 참고 : http://tcpschool.com/html/html_text_comments ▶ 주석 ▣ 주석(comment)- 웹 브라우저에 표현되지 않음.- HTML에서 주석을 표현하는 방법 : - 여러 줄에 걸쳐 주석을 작성해도 됨.- 주석을 읽고싶다면 웹 브라우저의 페이지 소스 보기 등을 통해서 확인가능. ▣ 중첩 주석- HTML 주석은 중첩이 불가함.- 예제이 부분은 조금 어려운 코드입니다. 위와 같이 어려운 코드의 이해를 돕기 위해서 개발자가 적어놓은 설명입니다. --> - 결과 화면 이 부분은 조금 어려운 코드입니다. 위와 같이 어려운 코드의 이해를 돕기 위해서 개발자가 적어놓은 설명입니다. --> WEB/HTML 8년 전
[HTML 텍스트 요소] 인용구 공부 참고 : http://tcpschool.com/html/html_text_quotations ▶ 인용구 ▣ 인용구(Quotation)- HTML에서 인용구를 표현하는 방법은 2가지로 나뉨.1. 짧은 인용구2. 블록 인용구 ▣ 짧은 인용구- 태그(quotation)를 사용하여 표현할 수 있으며 자동으로 앞뒤에 큰 따옴표가 붙음.HTML의 정의는 웹 페이지를 만들기 위한 하이퍼텍스트 마크업 언어 입니다. - 결과 화면 HTML의 정의는 웹 페이지를 만들기 위한 하이퍼텍스트 마크업 언어 입니다. ▣ 블록 인용구- 길이가 긴 인용문은 태그를 사용하여 표현.- 태그는 인용 부분을 별도의 단락으로 구분하여 나타냄.HTML의 정의 인터넷 서비스의 하나인 월드 와이드 웹을 통해 볼 수 있는 문서를 만들 때 사용하.. WEB/HTML 8년 전
[HTML 텍스트 요소] 서식 공부 참고 : http://tcpschool.com/html/html_text_formatting ▶ 서식 ▣ 서식(Formatting)- HTML은 텍스트에 다양한 효과를 주는 태그들을 제공. ▣ 강조 효과- HTML 문서에서 텍스트를 굵게 표현할 때는 태그(bold text)나 태그를 사용."누구나" 사랑받아야 합니다. "누구나" 사랑받아야 합니다. - 결과 화면 "누구나" 사랑받아야 합니다."누구나" 사랑받아야 합니다. - 태그는 단순히 화면의 텍스트를 굵게 표현. - 태그는 화면 뿐만아니라 그 내용이 중요하다는 의미도 포함. - 이탤릭체를 표현하고 싶을 때는 태그(italic text)나 태그(emphasized text)를 사용."누구나" 사랑받아야 합니다. "누구나" 사랑받아야 합니다. - 결.. WEB/HTML 8년 전
[HTML 텍스트 요소] 단락 공부 참고 : http://tcpschool.com/html/html_text_paragraph ▶ 단락 ▣ 단락(Paragraph) - 단락이란 내용상 끊어서 구분할 수 있는 하나하나의 부분. 문단이라고도 함.- html에선 태그를 이용하여 단락을 표현.- 태그의 위아래로는 약간의 여백이 자동으로 삽입됨. ▣ 띄어쓰기와 줄 나누기- html코드에서 띄어쓰기나 줄 나누기를 여러번 하더라도 웹 브라우저 내용에는 영향을 안줌.- 웹 브라우저는 여러번의 띄어쓰기나 줄 나누기를 오직 하나의 띄어쓰기나 줄로만 인식. 나는 지금 배가 매우 고프다. 그러나 공부를 해야만 한다. 과연 그대로 출력될것인가??- 결과 화면 나는 지금 배가 매우 고프다. 그러나 공부를 해야만 한다. 과연 그대로 출력될것인가?? - 역시나 .. WEB/HTML 8년 전
[HTML 텍스트 요소] 제목 공부 참고 : http://tcpschool.com/html/html_text_headings ▶ 제목 ▣ 제목(Heading)- HTML은 제목을 표현할 수 있는 다양한 크기의 태그를 제공.- 이 가장크고 이 가장 작다. - 태그의 위아래로는 약간의 여백이 자동으로 삽입됨.제목1의 크기입니다! 제목2의 크기입니다! 제목3의 크기입니다! 제목4의 크기입니다! 제목5의 크기입니다! 제목6의 크기입니다! - 태그는 검색 엔진이 각 웹 사이트의 내용을 수집할 때 사용됨.- 검색엔진에 의해 제대로 검색될 확률을 높일 때는 태그로 작성해야함. ▣ 종료 태그- 종료태그를 사용하지 않더라도 제대로 표현해주는 경우가 많으나 예상치 못한 오류나 결과가 발생할 수 있음.종료 태그가 없으면..?- 결과 종료 태그가 없으면..? WEB/HTML 8년 전
