비디오 - : 를 지원하지 않는 이전 브라우저에서 사용 지원 버전 브라우저 비디오 오디오 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 : 웹 브라우..
: 머리말 - 주로 페이지 맨 위쪽이나 위쪽에 삽입 - 내용으로는 태그를 사용해 검색 창을 넣거나 태그를 사용해 사이트 메뉴를 넣음 - 본문 해당 부분의 머리말로 사용 : 문서를 연결하는 내비게이션 링크 - 동일한 사이트 안의 문서나 다른 사이트 문서로 연결하는 링크 모음 - 어느 부분이 내비게이션인지 쉽게 알 수 있음 - 위치에 영향을 받지 않음 : 주제별 콘텐츠 영역 나타냄 - 문맥 흐름 중에서 콘텐츠를 주제별로 묶을 때 사용 : 콘텐츠 내용 넣기 - 웹 상의 실제 내용을 넣음 - 대부분 블로그의 포스트, 웹 사이트의 내용, 사용자가 등록한 코멘트, 독립적인 웹 콘텐츠 항목이 해당됨 - 태그을 적용한 부분을 떼어 내 독립적으로 배포하거나 재사용하더라도 완전히 하나의 콘텐츠가 될 때 사용 : 본문 이외..
: 폼 만들기 속성 설명 method 사용자가 입력한 내용들을 서버 쪽 프로그램으로 어떻게 넘겨줄지 지정 get - 주소 표시줄에 사용자가 입력한 내용이 그래도 드러남 post - 사용자가 입력한 내용이 드러나지 않음 name 폼 이름 지정 action 서버 상의 프로그램 지어 target 지정한 스크립트 파일을 현재 창이 아닌 다른 위치에 열도록 지정 autocomplete 자동완성 기능 : 폼 요소에 레이블 붙히기 , : 폼 요소 그룹으로 묶기 - : 와 사이의 폼들을 하나의 영역으로 묶고 외각선을 그려줌 - : 로 묶은 그룹에 제목을 붙여 줌 : 입력 항목 - type 속성 유형 설명 hidden 사용자에게는 보이지 않지만 서버로 넘겨지난 값 text 한 줄짜리 텍스트를 입력할 수 있는 텍스트 상자..
텍스트 : 제목 표시 - 일반 텍스트보다 크고 진하게 표시 - ~ 까지 사용 -> 이 가장 크게 표시되고 이 가장 작게 표시 : 단락 만들기 - 텍스트를 표시할 때 가장 많이 사용 #단락 : 앞뒤에 줄바꿈이 있는 텍스트 덩어리 : 줄 바꾸기 - 닫는 태그 ()가 없음 : 분위기 전환을 위한 수평 줄 넣기 - 텍스트 단락의 주제가 바뀔 때 분위기 전환용으로 사용 - 닫는 태그 없음 - 기본으로 가로선이 삽입되지만, CSS를 이용해 가로선을 없앨 수 있음 : 인용문 넣기 : 입력하는 그대로 화면에 표시 , : 글씨를 굵게 - 중요도를 높이고 싶으면 중복 사용 가능 - 은 강조 할 때 사용 - 는 단순히 굵게 표시 , : 이탤릭체(비스듬이)로 표시 - 는 단순히 이탤릭체로 표시할 때 사용 -은 흐름상 특정 부..
- 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 일 관심분야 컴퓨터 인터넷 여행 영화감상 음악감상 자기소개
HTML : Hyper Text Markup Language - HyperText : 웹페이지를 이동할 수 있도록 만들어진 문장 #f12 내용 //닫는 태그 //닫는 태그 - 닫는 태그가 없다 - 정보를 표시 hello 배경화면 지정 - 색깔 : bgcolor = "원하는색" - 사진 : background ="사진파일이름.jpg" 하이퍼링크 색상 조정 당떨어질땐초코딩! 텍스트 움직이게 함 텍스트 무빙!! 이 텍스트가 움직인답니다 다양한 글자 관련 태그들 다양한 글자 관련 물리 태그들 B 태그는 글자를 굵게 표현 I 태그는 글자를 기울여서 표현 STRIKE 태그는 글자에 취소선 표시 Sup 태그는 글자를위첨자로 표시합니다. Sub 태그는 글자를아래첨자로 표시합니다. BIG 태그는 글자를 주변의 글자보다 ..