본문 바로가기 메뉴 바로가기

당 떨어질 땐 초코딩

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

당 떨어질 땐 초코딩

검색하기 폼
  • TOTAL (223)
    • LANGUAGE (93)
      • C++ (26)
      • C# (9)
      • JAVA (24)
      • JAVA SCRIPT (24)
      • NODE.JS (6)
      • DESIGN PATTERN (4)
    • FRONT-END (74)
      • HTML (7)
      • CSS (20)
      • JQUERY (10)
      • JSP (13)
      • ANGULAR (3)
      • REACT (14)
      • WEB DESIGN (6)
    • BACK-END (13)
      • SERVLET (3)
      • SPRING (7)
      • SPRING BOOT (2)
    • DATABASE (36)
      • JDBC (5)
      • SQL (28)
    • LINUX (0)
    • WEB (2)
    • BLOCK CHAIN (2)
    • ETC (1)
  • 방명록

FRONT-END/HTML (7)
[HTML] MULTIMEDIA

비디오 - : 를 지원하지 않는 이전 브라우저에서 사용 지원 버전 브라우저 비디오 오디오 mp4 webm ogv mp3 ogg 인터넷 익스플로어 o (9+) x x o (9+) x 크롬 o (all) o (25+) o (all) o (all) o (all) 파이어폭스 o (35+) o (28+) o (3.5+) o (22+) o (3.5+) 사파리 o (3.2+) x x o (4+) x 오페라 o (all) x x o (4.1+) x IOS 사파리 o (all) x x o (4.1+) x 안드로이드 브라우저 o (4.4+) x x o (2.3+) o (2.3+) : 비디오 파일 삽입 : 여러 미디어 파일 한꺼번에 지정 - src : 미디어 파일 경로 지정 (공백이 있으면 안됨) - type : 웹 브라우..

FRONT-END/HTML 2019. 1. 21. 20:40
[HTML] SEMANTIC TAG

: 머리말 - 주로 페이지 맨 위쪽이나 위쪽에 삽입 - 내용으로는 태그를 사용해 검색 창을 넣거나 태그를 사용해 사이트 메뉴를 넣음 - 본문 해당 부분의 머리말로 사용 : 문서를 연결하는 내비게이션 링크 - 동일한 사이트 안의 문서나 다른 사이트 문서로 연결하는 링크 모음 - 어느 부분이 내비게이션인지 쉽게 알 수 있음 - 위치에 영향을 받지 않음 : 주제별 콘텐츠 영역 나타냄 - 문맥 흐름 중에서 콘텐츠를 주제별로 묶을 때 사용 : 콘텐츠 내용 넣기 - 웹 상의 실제 내용을 넣음 - 대부분 블로그의 포스트, 웹 사이트의 내용, 사용자가 등록한 코멘트, 독립적인 웹 콘텐츠 항목이 해당됨 - 태그을 적용한 부분을 떼어 내 독립적으로 배포하거나 재사용하더라도 완전히 하나의 콘텐츠가 될 때 사용 : 본문 이외..

FRONT-END/HTML 2019. 1. 21. 17:18
[HTML] FORM

: 폼 만들기 속성 설명 method 사용자가 입력한 내용들을 서버 쪽 프로그램으로 어떻게 넘겨줄지 지정 get - 주소 표시줄에 사용자가 입력한 내용이 그래도 드러남 post - 사용자가 입력한 내용이 드러나지 않음 name 폼 이름 지정 action 서버 상의 프로그램 지어 target 지정한 스크립트 파일을 현재 창이 아닌 다른 위치에 열도록 지정 autocomplete 자동완성 기능 : 폼 요소에 레이블 붙히기 , : 폼 요소 그룹으로 묶기 - : 와 사이의 폼들을 하나의 영역으로 묶고 외각선을 그려줌 - : 로 묶은 그룹에 제목을 붙여 줌 : 입력 항목 - type 속성 유형 설명 hidden 사용자에게는 보이지 않지만 서버로 넘겨지난 값 text 한 줄짜리 텍스트를 입력할 수 있는 텍스트 상자..

FRONT-END/HTML 2019. 1. 16. 18:10
[HTML] TAGS

텍스트 : 제목 표시 - 일반 텍스트보다 크고 진하게 표시 - ~ 까지 사용 -> 이 가장 크게 표시되고 이 가장 작게 표시 : 단락 만들기 - 텍스트를 표시할 때 가장 많이 사용 #단락 : 앞뒤에 줄바꿈이 있는 텍스트 덩어리 : 줄 바꾸기 - 닫는 태그 ()가 없음 : 분위기 전환을 위한 수평 줄 넣기 - 텍스트 단락의 주제가 바뀔 때 분위기 전환용으로 사용 - 닫는 태그 없음 - 기본으로 가로선이 삽입되지만, CSS를 이용해 가로선을 없앨 수 있음 : 인용문 넣기 : 입력하는 그대로 화면에 표시 , : 글씨를 굵게 - 중요도를 높이고 싶으면 중복 사용 가능 - 은 강조 할 때 사용 - 는 단순히 굵게 표시 , : 이탤릭체(비스듬이)로 표시 - 는 단순히 이탤릭체로 표시할 때 사용 -은 흐름상 특정 부..

FRONT-END/HTML 2019. 1. 16. 16:30
[HTML] 회원가입 양식 만들기

- submit (회원가입)을 누르면 메일로 보내기 - aligen = "center" : 가운대 정렬 회원 기본 정보 아이디 4~12자의 영문 대소문자와 숫자로만 입력 비밀번호 4~12자의 영문 대소문자와 숫자로만 입력 비밀번호 확인 메일 주소 예) id@domain.com 이름 개인 신상 정보 주민등록번호 - 예)123456-1234567 생일 년 1 2 3 4 5 6 7 8 9 10 11 12 월 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 일 관심분야 컴퓨터 인터넷 여행 영화감상 음악감상 자기소개

FRONT-END/HTML 2018. 4. 4. 10:49
[HTML] 테이블 만들기

- span style="color:색깔" : 폰트 색깔 변경 - rowspan="숫자" : 숫자 만큼의 칸을 하나로 만들어줌 오늘의 수입/지출 내용 수입 지출 월급! 1,000,000 점심값 5,000 부모님선물 30,000 총계 수입 지출 1,000,000 35,000 남은 돈 965,000

FRONT-END/HTML 2018. 4. 3. 14:21
[HTML] BASIC THINGS

HTML : Hyper Text Markup Language - HyperText : 웹페이지를 이동할 수 있도록 만들어진 문장 #f12 내용 //닫는 태그 //닫는 태그 - 닫는 태그가 없다 - 정보를 표시 hello 배경화면 지정 - 색깔 : bgcolor = "원하는색" - 사진 : background ="사진파일이름.jpg" 하이퍼링크 색상 조정 당떨어질땐초코딩! 텍스트 움직이게 함 텍스트 무빙!! 이 텍스트가 움직인답니다 다양한 글자 관련 태그들 다양한 글자 관련 물리 태그들 B 태그는 글자를 굵게 표현 I 태그는 글자를 기울여서 표현 STRIKE 태그는 글자에 취소선 표시 Sup 태그는 글자를위첨자로 표시합니다. Sub 태그는 글자를아래첨자로 표시합니다. BIG 태그는 글자를 주변의 글자보다 ..

FRONT-END/HTML 2018. 4. 3. 09:37
이전 1 다음
이전 다음

티스토리툴바