재유's

CSS란?HTML로 구성된 페이지 골격에 디자인을 입히는 언어.https://www.w3schools.com/css/ 서술 방법 1) HTML문서에 의존한다.2) CSS 구문만을 별도로 저장한 외부파일을 참조. 안에 명시하는 css 구문을 별도의 파일에 작성해 두고 html에서 해당 파일의 경로를 참조한다.=> 여러 HTML에서 공유 가능 3) HTML태그의 style속성을 활용거의 사용 안함 css 구문 구조selector {...css 구문...{ body { background-color: lightblue; } h1 { color: white; text-align: center; } p { font-family: verdana; font-size: 20px; }( 출처 : https://www.w..

입력 양식 (FORM)입력 양식의 영역 지정 속성 설명- method : 입력값을 백엔드 페이지에게 전속하는 방식- action : 입력값을 전송받을 백엔드 페이지의 주소- enctype : 파일 업로드가 요구될 경우 명시 화면 UI를 구성하는 과정에서는 중요하지 않기 때문에 method, action, enctype 속성은 명시하지 않는 경우가 많다. 입력양식 안에서의 그룹 지정 (필요한 경우만 수행) 제목 ... 입력 항목들을 표현 ... 입력 항목기본 종류에 지정 가능한 값type type설명 text 일반 텍스트를 입력할 수 있는 박스 (엔터 안됨) password 패스워드 입력 박스 (모두 *표시가 됨) checkbox 체크 기능이 있는 박스 ( 다중 체크 가능 ) radio 체크 기능이 있는 ..

HTML에서 표를 만들때엔 TABLE 태그를 사용한다. 테이블의 기본 틀 ...내용... ...내용... ...내용 thead, tbody, tfoot은 영역 구분 용도로 사용하는데 영역구분이 모호할 경우 생략이 가능하다.tr,th,td는 필요한 만큼 반복해서 사용이 가능하다. 테이블 태그 요소태그 의미 tr 행 th 제목 td 칸 예를 들어 제목 일반셀1 일반셀2 라는 태그를 입력하면 ( border="1" 는 지정을 하지않으면 선이 보이지 않기때문에 지정한것ㅜ)아래와 같은 표가 나온다. 제목 일반셀1 일반셀2 테이블 spanspan은 셀병합으로 열병합 행병합이 있다. 열병합 : colspan행병합 : rowspan 으로 표로 표현을 하면 아래와 같다.rowspan colspan span은 셀의갯수로 ..

링크 태그글씨나 이미지등을 클릭했을 때 다른 새로운 페이지로 넘어가는 태그 ... 내용 .... 링크태그 속성 의미 href 링크할 주소(url)나 문서 경로값을 넣는 곳 target 링크할 페이지를 어떤 방식으로 열지 지정 name 이름으로 페이지를 열때 열릴 부분을 지정 링크 주소는 같은 사이트 내의 파일을 지정할 경우는 상대경로, 절대경로 사용가능.- 웹에서는 절대경로는 http(s):// 부터 시작되는 온라인 상의 주소를 의미한다.다른 사이트 주소를 명시할 경우 절대경로 형식만 가능 target속성은 여러가지가 있었지만 HTML5에 와서 _blank 하나만 남았다고 한다.target="_blank" 라고 지정해주면 새창(새탭)에 링크를 띄운다.target 속성을 쓰지않으면 현재탭에서 창을 띄운다...

페이지 영역 나누기 DIV개념적으로만 나눈다. -> HTML에서는 디자인이 적용되지 않음중첩해서 사용할 수 있으며 모든 종류의 HTML 태그 포함 가능용도에 따라 시멘틱 요소로 세분화 할 수 있다. - header, section, article, nav, aside, hgroup 등...대부분의 웹 사이트가 시멘틱 요소를 디테일하게 사용하지 않는다. 화면상에서 직선 긋기 HTML 코드에서는 띄어쓰기나 줄바꿈을 아무리 많이 사용하더라도 브라우저상에서는 띄어쓰기 한칸으로 표시된다. 줄바꿈 띄어쓰기(공백) 특수 문자 : 들여쓰기 ~ 이번엔 들여쓰기 앞에 있는 줄 기준으로 들여쓰기! (바로앞) 들 여 쓰 기여기서 에러가나는데... 왜나는 거징... 실행은 되는데.. 확인해 봐야겠네영.. ㅎㅎㅎ 우리 사이트 메..

단락 나누기 제목 123456 h1 크기 제목 h2 크기 제목 h3 크기 제목 h4 크기 제목 h5 크기 제목 h6 크기 제목 숫자가 작을 수록 글씨가 커지며 1~6까지 설정 할수 있다. 본문1 내용 1. 본문안에 다른 본문 중첩 사용 가능1 ... 2. 두 개 이상의 본문을 연속 적으로 사용 가능. 각 문단간에는 여백이 형성된다.1 ...1 ...2 목록1. 목록 영역 정의순서 없는 목록 : 1 ~ 순서 있는 목록:1 ~~ 2. 목록 영역 안에 항목을 나열하기1 내용 3. 항목 안에서는 독립적인 본문을 구성할 수 있다.p, div, h(n) 태그 사용 가능함 4. 항목 안에서는 새로운 목록을 하위 요소로 포함할 수 있다. 태그 안에서 새롭게 이나 태그를 시작할 수 있다. 예를 들면1234567 ...

HTML이란?1. 웹 페이지를 구성하는 기본 골격을 만드는 언어2. 특정 단어나 문장을 태그라는 형식으로 강조하는 형태로 구성 된다. 1 강조할 내용 3. HTML 태그는 내용 강조할 목적에 따라 종류가 구분되어 있다.ex) h1 -> 제목, p->본문 등... HTML 페이지 기본 구조123456789

웹 페이지 제작1. 일반 텍스트 파일의 확장자를 *.HTML로 변경하여 사용.2. 웹 페이지를 구성하기 위한 정형화된 형식의 내용(=소스코드)을 기술 -> 코딩3. 웹 페이지를 제작하기 위한 소스 코드 HTML + CSS +Javascript의 조합으로 구성 웹 접근성모든 사람(혹은 모든 기기)는 정보의 접근에 차별을 받지 않아야 한다.장애인 차별금지법에 명시되어 있다. 시멘틱 웹HTML 태그를 강조할 목적에 맞게 사용하여 기계가 이해할 수 있돌고 의미를 부여하는 형태 시멘틱 웹으로 작성된 웹 페이지니는 시각장애인용 웹 브라우저(스크린리더)를 활용하여 웹 페이지 탐색이 가능하다. 웹 표준1. 올바른 시멘틱 웹을 구성할 수 있도록 권장되는 HTML 제작기법2. 웹 표준이 준 될 경우 기기의 종류를 가리지 ..