전체 글 썸네일형 리스트형 [HTML] 폼태그 모음집 1. form (form tag는 사용자가 입력한 데이터를 수집하기 위해 사용됨, 입력 양식 태그를 포함할수 있다.) form elements (imput, textarea, button, select, checkbox, radio button, submit button...etc attribute Value Description action URL 입력데이터(form data)가 전송될 URL 지정 method get / post 입력 데이터(form data) 전달 방식 지정 Get과 Post는 HTTP 프로토콜을 이용해서 사용자 입력 데이터를 서버에 전달하는 방식(HTTP request method) Get - GET 방식은 전송 URL에 입력 데이터를 쿼리 스트링으로 보내는 방식 예) https:.. 더보기 [Algorithm] Algorithm 공부방법 내가 풀고 싶은 알고리즘 문제만 풀다 어떻게공부하면 좋을지 퍼온글! 이거 보고 매일 알고리즘 공부를 할 예정! 열심히 해보쟝~ 1. 알고리즘과 입/출력 먼저 알고리즘이 무엇인지에 대해서 간략하게 배웁니다. 그 다음, 알고리즘을 공부하는 방법을 배웁니다. 알고리즘에서 가장 중요한 것은 시간이 얼마나 걸릴지 예측하는 능력이기 때문에, 시간 복잡도를 가장 첫 번재로 배웁니다. 알고리즘은 문제 풀이를 통해서 공부하는 것이 가장 효율적이기 때문에, 입/출력을 받는 방법을 배웁니다. 다양한 예제 문제 (A+B)를 통해서 다양한 입력 형식 (단일 입력, 테스트 케이스, EOF)을 처리하는 방법을 배웁니다. 2. 자료구조 1 알고리즘을 효율적으로 구현하기 위한 자료구조를 배웁니다. 첫 번째로 스택을 배웁니다. 스택이 .. 더보기 [HTML] 이미지 표현 / 동영상 / 음악 / 멀티미디어 / Tag 1. 이미지 (WebPage에 이미지를 삽입하는 경우, img tag를 사용한다) - - attribute Description src 이미지 파일 경로 alt 이미지 파일이 없을 경우 표시되는 문장 width 이미지 너비 (CSS에서 지정하는 것이 일반적) height 이미지 높이 (CSS에서 지정하는 것이 일반적) 2. 미디어 2.1 adio - attribute Description src 음악 파일 경로 preload 재생 전에 음악 파일을 모두 블러올 것인지 지정 autoplay 음악 파일을 자동의 재생 개시할 것인지 지정 loop 음악을 반복할 것인지 지정 constols 음악 재생 도구를 표시할 것인지 지정. 재생 도구의 외관은 브라우저마다 차이가 있다. - 웹브라우저 별로 지원하는 음악 파.. 더보기 [HTML] Table (tag, attribute) tag Dscription table 표를 감싸는 태그 tr 표 내부의 행 (table row) th 행 내부의 셀 (table heading) td 행 내부의 일반 셀 (table data) attribute Description border 표 테두라 두께 지정 rowspan 해당 셀이 점유하는 행의 수 지정 colspan 해당 셀이 점유하는 열의 수 지정 더보기 [HTML] 목록 List /<ul> / <ol> / <il> unorder List (순서없는 목록) 순서가 없 찌롱 - 순서가 - 없 - 찌롱 Ordered List (순서있는 목록) 순서가 있 찌롱 1. 순서가 2. 있 3. 찌롱 type (순서를 나타내는 문자 지정 가능) ex) "1", "A", "a", "I", "i" 숫자가 지정되어 이찌롱 start (리스트 시작값 지정 가능) 숫자가 지정되어 이찌롱 -> 3부터 시작 (3,4,5 요렇게) reversed (순서가 역으로 나옴) 숫자가 지정되어 이찌롱 -> 3,2,1 이렇게 나옴 더보기 [HTML] Hyperlink 정리 HyperLink (한 텍스트에서 다른 텍스트로 건너뛰어 읽을 수 있는 이 기능) - HyperText의 Hyper는 컴퓨터 용어 - 텍스트 등의 정보가 동일 선상에 있는것이 아니라 다중으로 연결되어 있는 상태를 의미 - HTML의 중요 특징 link의 개념과 연결되는데 기존 문서나 텍스트의 선형성, 고정성 제약에서 벗어나 사용자가 원하는 순서대로 원하는 정보를 취득할 수 있는 기능을 제공 - HTML link는 hyperlink를 의미하며 a(anchor) tag가 그 역할을 담당한다. -> 실행 시, Visit google.com! text click하면 google 화면으로 간댜~ 1. Href attribute (이동하고자 하는 파일의 위치를 값으로 받는다.) 2. Directory 루트 디렉터리.. 더보기 [HTML] Text 관련 Tag / 특수문자 글자 크기(1에서 6으로 갈수록 작아짐) bold체 의미론적(Semantic) 중요성 없음 bold체 의미론적(Semantic) 중요성 있음 Italic체를 지정한다. 의미론적(Semantic) 중요성 없음 강조, 중요한 text 지정 의미론적 중요성 있음 특정 글자 작게 나오게 하기 가운데 줄긋기 밑줄치기 text 위로 올리기 text 밑으로 내리기 단락(Paragraphs) 지정 텍스트 단락을 만들며 앞뒤에 줄바꿈이 있는 텍스트 덩어리를 말함 만약 웹페이지 창의 너비보다 길어질 경우 자동 줄바꿈이 일어남 강제 개행 연속적 공백 태그 내의 content 작성된 그대로 브라우저 표시 HTML은 연속적으로 공백을 많이 넣더라도 한개의 공백만 표시되지만 pre tag는 그대로 표시됨 수평줄 삽입(점.. 더보기 [HTML] 웹페이지를 구성하는 기본 tag 1. 문서 형식 정의 tag - 1. html tag - html 태그는 모든 HTML요소의 부모요소 이며 웹페이지에 단 하나만 존재 - lang attribute 사용하는 경우 많음. ko는 한국어를 주 언어로 사용하는 경우 2. head tag - head 메타데이터를 포함하기 위한 요소 - 웹페이지에 단 하나만 존재 - HTML 문서의 title, style, link, script에 대한 데이터는 화면에 표시 안됨 - head에는 메타데이터 이외의 화면에 표시되는 일체의 요소를 포함시키지 않음 1번 head에 들어가는 메타데이터들(User에게 보여지지 않는곳) 1. title tag 2. style tag 3. link tag (외부 리소스와의 연계정보 : 주로 HTML과 외부 CSS파일 연계) .. 더보기 이전 1 2 3 4 5 다음
