[HTML] HTML 폼(form) 삽입하기(<form>, <input>,etc)

1. 폼(form) 태그 : 기본형 : 폼 요소들 태그의 속성 : 속성 설명 method 사용자가 입력한 내영을 서버 쪽 프로그램으로 어떻게 넘겨줄 것인지 지정한다. Method에서 사용할 수 있는 속성값은 get, post 이다. - get : 데이터를 256~4096 byte까지만 서버로 넘길 수 있음. 주소표시줄에 사용자가 입력한 내용이 그대로 드러나는 단점이 있다 - post : 입력한 내용의 길이에 제한을 받지 않고, 사용자가 입력한 내용도 드러나지 않는다 name 자바스크립트로 폼을 제어할 때 사용할 폼의 이름을 지정한다 action 태그 안의 내용을 처리해 줄 서버 프로그램을 지정한다 target Action 속성에서 지정한 스크립트 파일을 현재 창이 아닌 다른 위치에서 열도록 한다 사용자가..

• format_list_bulleted WEB/HTML
• · 2022. 12. 29.

[HTML] 이미지, 오디오, 하이퍼링크 삽입하기(<img>,<audio>,<video>, <a> 태그)

1. 태그 : 이미지 삽입 width 속성 : 이미지 크기(폭) 조정 height 속성 : 이미지 크기(높이) 조정 src 속성: 웹 문서 파일의 위치를 기준으로 이미지 경로 지정. alt 속성 : 이미지를 대체하는 텍스트 설정(이미지를 표시할 수 없을 때) title 속성 : 마우스를 올려두었을 때 보여줄 풍선도움말 설정 width 나 height 중 1개만 지정해도 나머지 속성은 자동으로 비율이 계산됨 ※ 태그 사용 예시 단위 설명 예시 % 현재 웹 브라우저 창의 너비와 높이를 기준으로 이미지 크기 결정 width = "50%" px 이미지의 너비나 높이를 해당 픽셀 크기만큼 표시 width = "150" 2. 태그 : 오디오 삽입/ 태그 : 비디오 삽입 태그 기본형 : 태그 기본형 : 태그, 태그의..

• format_list_bulleted WEB/HTML
• · 2022. 12. 28.

[HTML] 표만들기(표를 만드는 태그 <table>, <caption>, <tr>, <td>, <th>)

1. 표의 구성 요소 : 행(row) 와 열(column) 2. 표를 만드는 태그 : 표 제목 ( border속성 사용해 테두리 두께 설정 가능, 기본값 0) : 표 생성 : 행 : 셀 : 제목 셀 (표의 첫 번째 줄을 head로 강조하고자 할때 사용 + 가운데 정렬) (사용 예시) 표의 제목 1행 1열 1행 2열 1행 3열 2행 1열 2행 2열 2행 3열 .... ※ 실행결과 HTML 삽입 미리보기할 수 없는 소스 3. 표의 구조 정의하기 표의 구조를 "제목", "본문", "요약" 부분으로 나눈다 , , 태그 사용 웹 브라우저 화면에서 보이지는 않지만, 화면 낭독기나 자바스크립트 등에서 읽을 수 있다 표의 본문이 길 경우 자바스크립트를 이용해 제목과 바닥 부분을 고정하고 본문만 스크롤 가능하도록 할 수..

• format_list_bulleted WEB/HTML
• · 2022. 12. 27.

[HTML] 목록 태그(<ol>, <ul>, <li>태그/ <dl>, <dt>, <dd>태그)

1. , 태그 : ● 순서가 있는 목록 태그. ● 기본형 : 항목1 항목2 .... .... 항목n ● 각 항목 앞에 숫자가 붙여짐 ● type 속성 : 순서 목록에 붙여지는 숫자 종류 지정 1 : 숫자(기본값) a : 영소문자 A : 영대문자 i : 로마 소문자 I : 로마 대문자 ● start 속성 : 목록의 시작 번호 수 2. , 태그 : ● 순서가 없는 목록 태그 ● 사용법은 태그와 동일하다. ● type 속성 : 순서 목록에 붙여지는 도형 종류 지정 disc :속이 채워진 원, ● circle : 속이 빈 원, ○ quare : 채워진 사각형, ■ 항목 1 항목 2 .... 항목 n 3. , , 태그 : ● 설명 목록 태그/ 제목(이름) 과 값(설명) 형태로 되어 있다 ● 태그 : 제목(이름) ..

• format_list_bulleted WEB/HTML
• · 2022. 12. 27.

[HTML] 텍스트 태그(<h>, <p>, <br/>, <blockquote>,<b>,<i>)

1. 태그 ( ~ ) : 제목 표시 태그 기본형 : 제목 크기 : h1 > h2 > h3 > h4 > h5 > h6 n = 1 ~ 6 .... 2. 태그 : 텍스트 단락 기본형 : 텍스트 입력한 내용 앞뒤로 빈 줄이 생기면서 텍스트 단락이 만들어짐 3. 태그 : 줄바꾸기 기본형 : 줄을 바꿀 위치에 사용. 닫는 태그 없음 4. 태그 : 인용문 넣기 기본형 : 내용 다른 텍스트보다 안으로 들여써짐 5. , 태그 : 굵게 표시 기본형 : 내용 , 내용 : 중요한 내용이라 강조해야 할 때 : 단순히 굵게 표시할 때 6. , : 이탤릭체로 표시하기(기울어진 글꼴) 기본형 내용, 내용 : 흐름상 특정 부분을 강조하고 싶을 때 : 단순히 이탤릭체로 표시할 때

• format_list_bulleted WEB/HTML
• · 2022. 12. 27.

[HTML] HTML이란? HTML 기본 구조/태그

1. HTML이란 ? HTML이란 Hyper Text Markup Language 의 줄인말로, 웹에서 자유롭게 오갈 수 있는 웹 문서를 만드는 언어로, 웹 브라우저 창에 웹 문서의 내용을 보여주기 위한 약속이라 보면 될 듯 하다. 2. HTML문서의 기본 구조/태그 HTML문서의 가장 기본이 되는 구조와 태그들은 다음과 같다 ① 또는 웹 브라우저에게 "이제부터 처리할 문서는 HTML문서라고 알려주는 것 ② 태그 웹 문서의 시작을 알리는 알리는 태그. 실제 문서 정보와 내용이 시작되고 끝나는 것을 표시하는 태그 lang 속성을 사용해 문서에서 사용할 언어 지정 문서 정보를 저장하는 부분과 문서 내용을 입력하는 부분 포함 ③ 태그 브라우저에게 정보를 주는 태그. 문서 관련 정보 입력, 웹 브라우저에는 보이..

• format_list_bulleted WEB/HTML
• · 2022. 12. 26.