HTML11 [HTML] html 태그(p, br, img) 1. 태그 html은 공백(스페이스)과 엔터를 여러번 입력하더라도 하나의 공백으로만 인식합니다. 줄바꾸기 기능을 하는 가장 일반적인 태그는 태그와 태그입니다. 하나의 문단을 의미하는 태그는 태그 사이에 위치하는 내용으로 하나의 문단을 구성합니다. 첫번째 문단 두번째 문단 위와 같이 코딩을 하게 되면 다음과 같이 첫번째 문단과 두 번째 문단 사이에 공백라인이 들어갑니다. 2. 태그 br태그를 이용해서 간격을 조정할 수 있습니다. br태그는 우리가 흔히 아는 enter 연할을 합니다. 태그 하나에 줄바꿈 한줄 이라는 것입니다. 또한 태그는 다른 태그와 달리 가 없습니다. 첫번째 문단 두번째 문단 3. 태그 웹페이지에 이미지를 넣고 싶을 때 사용하는 태그 입니다. html파일과 같은 위치(같은 폴더)에 img.. 2019. 5. 2. [HTML] html 문서의 구조 1. HTML 문서의 구조 HTML은 크게 태그는 문서의 탭에 나타나는 이름을 정하는 태그입니다. 또한 페이지에서 한글같은 글자가 깨질 떄가 있는데 이때 인코딩을 utf-8로 설정할때 태그와 charset 속성값을 사용합니다. 그리고, HTML 기술소개 기본문법 하이퍼텍스트와 속성 리스트와 태그의 중첩 선행학습 본 수업을 효과적으로 수행하기 위해서는 웹애플리케이션에 대한 전반적인 이해가 필요합니다. 이를 위해서 준비된 수업은 아래 링크를 통해서 접근하실 수 있습니다. 여기서 맨에 코드를 보면 DOCTYPE이라는 것이 나옵니다. Document Type Declaration의 약자입니다. 자신이 작성한 html 코드가 어떤 방식의 html코드로 작성됐는지 브라우저에게 알려주는 문자입니다. 브라우저에게 어떠.. 2019. 5. 2. [HTML] 태그의 중첩과 목록(리스트) 1. 리스트 각각의 항목들을 리스트로 표현해 보겠습니다. 이때 사용하는 태그가 입니다. 기술소개 기본문법 하이퍼텍스트와 속성 리스트와 태그의 중첩 보통 이 태그는 혼자 사용되지 않습니다. 태그를 이용하여 그룹핑을 합니다. 여기서 알아두어야 할 것은 태그안에 태그가 있을 수 있다는 것 입니다. 또한 가독성을 높이기 위해서 보통 태그안에 태그들은 들여쓰기(띄어쓰기)를 해줍니다. 기술소개 기본문법 하이퍼텍스트와 속성 리스트와 태그의 중첩 최진혁 최유빈 한이람 한이은 만약, 이 리스트에 순서를 부여하고 싶다면 태그를 사용하면 됩니다. ol은 ordered list의 약자이고, ul은 unordered list의 약자입니다. 기술소개 기본문법 하이퍼텍스트와 속성 리스트와 태그의 중첩 최진혁 최유빈 한이람 한이은 2019. 5. 2. [HTML] HTML 태그 속성 1. HTML 태그 속성 HTML의 태그만으로는 기능이 부족하기 때문에 속성이라는 문법을 추가합니다. 하이퍼텍스트(문서와 문서가 링크로 연결돼있다.) 특성을 HTML 프로그래밍을 통해서 어떻게 표현할 수 있을 까요? 링크를 어떻게 표현할 수 있는지 살펴보겠습니다. 링크는 2가지 정보가 필요합니다. 이 도널드 커누스라는 부분이 링크라는 정보를 알려주는 태그가 있어야 하고, 어떤 페이지에 연결되있는지 알려주어야 합니다. 그래서 고안된 문법이 속성입니다. 여기에 href 속성의 이름에 url값을 넣어 주게 되면, 이 정보를 바탕으로 브라우저는 링크를 걸도록 약속이 되있습니다. 오늘의 명언 우리 모두는 자신의 힘으로 발견한 내용을 가장 쉽게 익힌다. (도널드 커누스) 도널드 커누스를 클릭하게 되면 나무위키의 도.. 2019. 5. 2. [HTML] HTML 시작 1. HTML이란? "Hyper Text Mark-up Language" 의 약자. 웹 페이지의 모습을 기술하기 위한 규약. 프로그래밍 언어가 아니라 마크업 언어[1]입니다. 헷갈리지 않도록 합시다. 웹사이트에서 흔히 볼 수 있는 htm이나 html 확장자가 바로 이 언어로 작성된 문서입니다. HTML은 서버에서 보내오는 정보대로 페이지를 그려내는 것에는 강하지만 반대로 사용자의 입력에 민감하게 반응하여 페이지를 그리는 것에는 약한 편입니다. 또한 동적인 화면 구성이 힘들다는 약점도 있습니다. 이를 보완하기 위하여 JavaScript 등의 각종 스크립트의 도움을 받습니다. 2. HTML 문서 저장 방법 HTML 문서를 작성한 후 메모장에서 저장할 시, 다른 이름으로 저장을 선택한 뒤, 파일 형식을 '모든.. 2019. 5. 2. 이전 1 2 다음
