에 대해서 알아봅시다. Document type(문서의 형식??!!) : html문서가 어떠한 문서의 형식으로 작성이 되었는지 웹브라우저에 알려주는 역할을 한다. 팀버너스리가 처음 html을 고안했을 때, 처음에는 18~20개 사이에서 시작되었는데, 지금 사용하고 있는 태그는 200개정도의 태그를 사용한다. 따라서 html에 버전에 따른 DOCTYPE을 웹브라우저상에서 설정을 해주면 그 버전에 맞는 타입의 태그로 인식을 하여 해석을 해주는 것이 DOCTYPE을 설정하는 이유이다. 현재 HTML5의 DOCTYPE의 형식은 으로 간단하게 설정할 수가 있다. 문서를 처음 시작할 때에 DOCTYPE을 선언해 준다. HTML기술소개기본문법하이퍼텍스트와 속성리스트와 태그의 중첩 선행학습본 수업을 ...
이제까지 배운 내용을 바탕으로 문서의 구조를 완성해 봅시다. HTML 기술소개 기본문법 하이퍼텍스트와 속성 리스트와 태그의 중첩 선행학습 본 수업을 효과적으로 수행하기 위해서는 웹애플리케이션에 대한 전반적인 이해가 필요합니다. 이를 위해서 준비된 수업은 아래 링크를 통해서 접근하실 수 있습니다. 문서의 구조는 본문과 본문이 아닌 부분으로 나눠져 있다. 아래에는 title, meta 태그 등을 사용하여 표시할 수 있으며, ~ 태그에는 본문의 내용이 삽이되어서 들어간다. head, body태그를 감싸는 제일 바깥쪽에 사용하는 tag는 ~태그를 사용하면 된다. // 부가적인 정보HTML~선행학습... // 본문
[한글]송로 버섯을 잘 찾는 영리한 강아지 푸들
학습목표 특수 문자 입력 방법을 알아봅니다. 글자 겹치기 방법을 알아봅니다. 저장 및 프로그램 종료 방법을 알아봅니다. [푸들1.hwp]파일을 다운로드 받아서 문장을 완성하고, 특수 문자를 입력하거나 한글을 한자로 바꿔서 표현해 봅시다. 다양한 형태의 모양의 특수 문자를 입력하고 문자표를 입력할 때, Ctrl+F10를 이용한 단축키로도 사용해 봅시다. [입력] 에 있는 글자 겹치기 메뉴를 이용하여 글자를 겹쳐서 표현하는 기능을 익혀봅시다. 저장하는 방법과 문서닫는 방법을 익혀봅시다. 아울러 단축키를 이용하여 문서를 저장하거나 문서를 닫아 봅시다. 저장하기 다른이름으로 저장 문서닫기 Alt+S Alt+V Ctrl+F4 ♣ 푸들의 특징(特徵) ♧ 푸들은 프랑스에서 널리 길러져서 프랑스를 상징하는 개로 여러 ..
태그의 조합을 이용해서 복잡한 문서를 여러가지 방법으로 표현하는 방법을 알아봅시다. 그리고 왜 중첩해서 태그를 사용해야 하는지 알아봅시다. 기술소개기본문법하이퍼텍스트와 속성리스트와 태그의 중첩미나리이미남나미남너미남 "~" 안에 묶인 경우에는 그룹핑이 되는 효과를 줄 수 있다. "~"를 단독으로만 사용하는 경우에는 태그안에 내용들을 따로 구분할 수 없지만 ul태그와 중첩해서 사용할 시에는 구분해서 보여지게 표현할 수가 있다. 아래와 같이 그룹핑이 되어서 표현된다. 기술소개 기본문법 하이퍼텍스트와 속성 리스트와 태그의 중첩 미나리 이미남 나미남 너미남 시각적으로 표현하기 위해서 하위에 포함된 태그를 들여쓰기 해서 보여준다. 순서가 있는 경우의 리스트의 경우 태그가 아닌, 태그로 감싸주면 순서가 있는 리스트로..
HTML의 문법은 태그와 속성으로 구성되어 있다. 속성이라는 문법과 link라는 기능을 알아보도록 합시다. 오늘의 명언 우리 모두는 자신의 힘으로 발견한 내용을 가장 쉽게 익힌다. (도널드 커누스) (도널드 커누스)에 대한 부분을 링크를 걸기 위해서 부분의 앞에 "~"를 붙여준다. 링크를 한 부분에 정보가 부족하면 나타나지 않지만 부족한 정보를 보완하기 위해서 속성을 이용한다. 속성1 : href를 사용하면 링크로 연결해 준다. 속성2 : target="_blank" 을 정의를 해주면 현재 문서가 아닌 다른 문서에서 링크가 나타난다. 속성3 : title을 사용해서 툴팁에 내용을 표시해 준다. a태그의 경우 anchor의 약자이다. 중요한 단어들은 단어가 짧다.(집, 밥, 잠....) a 태그의 경우도 ..