[HTML&CSS 스터디] 12. 입력 양식 만들기  1. 입력 양식란을 만드는 태그속성설명action데이터의 전송 대상 페이지를 지정한다.method데이터 전송 방법을 지정한다. 주로 get/post.name입력 양식의 이름을 지적한다. * 태그는 입력, 전송 버튼을 사용하는 요소이지만 그 처리는 HTML에서 이뤄지는 것이 아니다. 실질적인 데이터 처리는 PHP, JSP등의 다른 프로그래밍 언어에 의해 이뤄진다.  2. 태그 사용해 입력란 만들기 구내식당 희망 메뉴 수집 희망하는 메뉴: 희망하는 메뉴:

[HTML&CSS 스터디] 11. 리스트 출력하기 , 1. 리스트를 출력하는 태그-ul은 Unordered List의 약자로, 순서없는 리스트를 의미한다.-하지만 태그는 이 자체로만 작동하지는 않는다. 리스트를 출력하기 위해서는 태그 역시 필요하다. 2. 순서 있는 리스트를 출력하는 + 태그-ol은 Orderd List의 약자로, 정렬된 리스트라는 의미를 지닌다.- 태그와 마찬가지로 태그를 내부에 넣어야 작동한다. 오늘 뭐 먹지? 1. 짜장면 2. 짬뽕 오늘 뭐 먹지? 1. 스파게티 2. 리조또

[HTML&CSS 스터디] 10. 링크 만들기  링크를 만드는 태그 고양이의 하루 뉴스 페이지로 이동하기 꽁꽁 얼어붙은 한강 위로 고양이가 걸어다닙니다. 돌을 던져봐도 끄떡없습니다.   -링크의 대상(이동할 웹 페이지의 주소)는 href 속성에 작성한다. -같은 폴더의 다른 파일로 이동할 때에는 해당 파일의 이름만 적어주면 된다.-이미지를 링크로 만들고 싶을 때에는 태그를 태그로 감싸주자!

[HTML&CSS 스터디] 9. 파일 경로 지정하기  1. 파일 경로 지정이란?-> HTML, CSS, 이미지 등을 불러오기 위해 해당 파일의 위치가 어디 있는지를 알려주는 것.->호출하는 페이지 입장에서의 대상 파일의 위치를 입력하자.  (1) 상대 경로=호출하는 페이지에서 본 대상 파일의 위치를 의미한다.-호출하는 파일과 호출되는 파일이 같은 폴더에 있다면, 파일의 이름만 적어주면 된다.-만약 위치가 각각 다르다면, 슬래시(/)를 사용해 파일 위치를 호출한다.-아예 다른 폴더에 있을 경우 ../를 사용해 상위 폴더로 이동해 지정할 수 있다. (2) 절대 경로=호출하고 싶은 파일이 다른 웹 사이트에 공개된 경우에 사용된다.-이는 저장된 위치와는 연관이 없으며, 해당 파일의 URL을 작성한다. *이미지를..

[HTML&CSS 스터디] 8. 이미지 삽입하기  이미지를 출력하는 태그 고양이의 하루 꽁꽁 얼어붙은 한강 위로 고양이가 걸어다닙니다. 돌을 던져봐도 끄떡없습니다.  - 태그 내부에는 이미지의 경로와 파일 이름(=src), 그리고 이미지를 제대로 출력하지 못했을 때 대신 출력할 텍스트(=alt) 를 입력해야 한다.

[HTML&CSS 스터디] 7. 문장 출력하기  문장을 출력하는 태그-p= Paragraph-문장을 모아 출력할 때 이 태그를 사용하며, 태그로 감싸진 문장들은 하나의 단락이 된다.

[HTML&CSS 스터디] 6. 제목 붙이기 ~  제목 태그 ~*은 하나의 웹 페이지에 하나만 작성하는 것이 좋다.=> "해당 페이지가 무엇을 나타내는가?"를 설명할 수 있는 부분에 작성하자!

[HTML&CSS 스터디] 5. HTML의 기본 문법: 태그  1. 태그란?-태그는 꺽쇠()로 표현된 코드이다. -HTML은 기본적으로 문자열을 꺽쇠 안에 감싼 채로 작성한다. 태그에는 수많은 종류가 있으며, 어떤 태그에 감싸여 있는지가 그 부분의 역할을 좌우한다. - : 시작 태그-: 종료 태그-기본적으로 태그는 시작 태그와 종료 태그가 하나씩 포함된 한 쌍으로 이루어져 있으며, 경우에 따라서는 종료 태그가 없는 경우도 있다.  2. 태그 작성 규칙-태그는 기본적으로 대소문자를 구분하지 않는다.-하지만 경우에 따라 소문자로 작성하는 버전도 있기 때문에, 소문자로 통일되게 작성하는 것이 좋다.  3. 내부 태그-HTML을 작성하다보면 태그 내부에 또 태그가 들어가는 경우도 있다.-이럴 때는 반드시 가까운..

[HTML&CSS 스터디] 4. HTML 파일의 골격 만들기 1. -이는 독 타입(Doctype) 선언이라고 부르며, 해당 페이지가 어떤 버전의 HTML 에 맞게 작성되었는지 나타낸다. -HTML 버전에는 "HTML 4.01","XZHTML 1.1"등이 있다. -하지만 가장 주류는 최신 버전의 HTML5이다. 2. --독 타입 선언 바로 뒤에 작성한다. 이는 HTML 문서라는 것을 나타내는 태그이다.-lang: 웹 페이지의 언어를 설정할 수 있는 부분-ko: korean의 약자 3. -페이지의 제목과 설명, 사용할 외부 파일 링크등을 작성하는 부분 4. -문자 코드를 UTF-8로 하겠다는 뜻. 5. -페이지의 제목을 작성하는 부분이다. 작성한 제목은 브라우저 탭에 출력된다. 6. -페이지의 설명을 입력하..

[HTML&CSS 스터디] 3. 파일 만들기 1. 파일 작성해보기 고양이의 하루 계속 잠을 잡니다.   2. HTML 파일 이름 규칙1파일 이름에 확장자 붙이기2한글 사용하지 않기3사용할 수 없는 기호에 주의하기4띄어쓰기 넣지 않기5소문자로 통일하기6홈페이지는 index.html로 통일하기