Salangdung_i의 기록

HTML로 스타일로 작업을 하지 않고 따로 스타일을 사용하는 이유는? 웹 문서의 내용과 상관없이 디자인만 바꿀수 있다. HTML - 웹 문서의 내용을 담당 CSS - 웹 문서의 디자인을 담당 CSS 기초 - 스타일 시트를 정의하는 태그 * { 속성 } - 문서 전체에 스타일을 적용하는 전체 선택자 태그 { 속성 } - 태그에 스타일을 적용하는 태그 선택자 .스타일 이름 { 속성 } - class 속성으로 묶은 특정 부분에만 스타일을 적용하는 클래스 선택자 # 스타일 이름 { 속성 } - id 속성으로 묶은 부분에만 스타일을 적용하는 Id 선택자 이름1, 이름2, .. { 속성 } - 여러 항목에 같은 스타일을 적용하는 그룹 선택자 할로윈 할로윈, 또는 핼러윈(영어: Halloween, Hallowe'en..

문제 설명 로또 6/45(이하 '로또'로 표기)는 1부터 45까지의 숫자 중 6개를 찍어서 맞히는 대표적인 복권입니다. 아래는 로또의 순위를 정하는 방식입니다. 순위당첨 내용 1 6개 번호가 모두 일치 2 5개 번호가 일치 3 4개 번호가 일치 4 3개 번호가 일치 5 2개 번호가 일치 6(낙첨) 그 외 로또를 구매한 민우는 당첨 번호 발표일을 학수고대하고 있었습니다. 하지만, 민우의 동생이 로또에 낙서를 하여, 일부 번호를 알아볼 수 없게 되었습니다. 당첨 번호 발표 후, 민우는 자신이 구매했던 로또로 당첨이 가능했던 최고 순위와 최저 순위를 알아보고 싶어 졌습니다. 알아볼 수 없는 번호를 0으로 표기하기로 하고, 민우가 구매한 로또 번호 6개가 44, 1, 0, 0, 31 25라고 가정해보겠습니다. ..

object : 웹 문서에 외부 파일을 삽입하는 태그 audio : 오디오 파일을 삽입하는 태그 video : 비디오 파일을 삽입하는 태그 source : 모든 브라우저를 지원하기 위해 다양한 형식으로 변환된 비디오를 삽입하는 태그 track : 비디오에 자막 파일을 연결해 표시하는 태그 태그와 태그 - 플러그인 사용하기 플러그인 : 웹 브라우저에서 처리 할수 없는 작업을 위해 웹 문서안에 포함시킨 외부 프로그램 기능 태그의 속성 data : 외부 파일의 경로를 지정합니다. type : 포함시킨 내용의 유형을 지정합니다. name : 다른 요소들과 구분할 수 있는 이름을 지정합니다. width : 포함시킨 내용의 너비 값을 지정합니다. height : 포함시킨 내용의 높이 값을 지정합니다. 태그 auto..

유튜브에서 드림코딩 엘리의 강의를 보고 온라인쇼핑몰미니게임을 만들어보았다. index.html Blue Yellow Pink data-* 사용자 정의 데이터 속성이라고 하는 속성 클래스를 형성하여 스크립트에서 사용할 수 있는 HTML 과 DOM 표현 간에 독점 정보를 교환 할 수 있습니다. 이러한 모든 사용자 정의 데이터는 HTMLElement속성이 설정된 요소의 인터페이스를 통해 사용할 수 있습니다 . HTMLElement.dataset속성은 그들에 액세스 할 수 있습니다. https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes#attr-dataset Global attributes - HTML: HyperText Markup Langu..

시멘틱이란? 의미론적인, 의미가 통하는 뜻으로 시맨틱 태그를 보면 그 부분이 어떤 역할을 하는지 쉽게 알수 있다. HTML4 가 태그로 이루어졌다면 HTML5는 header, content, sidebar, footer 로 나누어졌다. header - 머리말을 지정하는 태그 hn - 제목을 표시하는 태그 iframe - 외부 문서를 삽입하는 태그 section - 주제별 콘텐츠 영역을 지정하는 태그 article - 독립적인 콘텐츠 내용을 삽입하는 태그 footer - 제작 정보를 나타내는 태그 address - 사이트 제작자와 연락처를 나타내는 태그 참고 서적 http://m.yes24.com/Goods/Detail/85112155?pid=157529 Do it! HTML5+CSS3 웹 표준의 정석 -..

: 폼 생성 태그의 속성 method get : 주소 표시줄에 사용자가 입력한 내용이 그대로 드러난다. post : 사용자의 입력을 표준입력으로 넘겨주기 떄문에 입력 내용의 길이에 제한을 받지않고 사용자가 입력한 내용이 드러나지 않는다. name : 폼의 이름 지정 action : 태그 안의 내용들을 처리해 줄 서버 상의 프로그램을 지정한다. target : 태그에서 지정한 스크립트 파일을 현재 창이 아닌 다른 위치에 열도록 지정한다. autocomolete 속성 : 자동완성기능 : 폼 요소에 레이블 붙이기 아이디 아이디 체크박스(다중선택), 라디오박스(단일선택) 수강 분야(다수 선택가능) 문법 작문 독해 수강 과목(1과목만 선택가능) 영어회화 중국어회화 일어회화 , : 폼 요소 그룹으로 묶기 : 폼 요..

태그 : 웹 문서에 이미지를 삽입할때 사용하는 태그 src : 이미지 파일 경로 지정하기 alt : 이미지를 설명해주는 대체 텍스트 width : 너비지정 height : 높이지정 , : 이미지에 설명 글 쓰는 태그 : 설명글을 붙일 대상 지정 : 설명 글 붙이기 경주의 카페 '가봉반과' , href : 링크 태그 텍스트링크 사랑둥이 티스토리 이미지링크 target 속성 target="_blank" : 링크의 내용이 새창이나 새탭에서 열린다. target="_self" : target의 속성의 기본 값으로 링크가 있는 화면에서 열린다. target="_parent" : 프레임을 사용했을 떄 링크 내용을 부모 프레임에 표시한다. target="_top" : 프레임을 사용했을 때 프레임에서 벗어나 링크 내용..

텍스트 관련 태그 제목표시하기 단락만들기 줄바꾸기 수평 줄 넣기 인용문 넣기 입력하는 그대로 화면에 표시하기 , 굵게 표시하기 , 이탤릭체로 표시하기 인용 내용 표기하기 형광펜 효과 내기 줄바꿈 없이 영역 묶기 동아시아 글자 표시하기 내용 주석 루비(Ruby)는 1995년 일본의 프로그래머인 마츠모토 유키히로 (松本行弘まつもとゆきひろ)가 만든 프로그래밍 언어입니다. 약자 표시 웹 문서나 포스트에서 참고 내용 표시 컴퓨터 인식을 위한 소스코드 키보드 입력이나 음성 명령 같은 사용자 입력 내용 부가 정보처럼 작게 표시해도 되는 텍스트 아래첨자 위첨자 취소선 밑줄 목록태그 , 순서없는 목록 만들기 내용1 내용2 내용3 , 순서 목록 만들기 내용1 내용2 내용3 type 속성 속성 값 설명 1 숫자(기본값) a..

HTML란? 하이퍼텍스트 마크업 랭귀지의 줄임말 하이퍼텍스트를 마크업하는 언어이다. 하이퍼텍스트란 웹 사이트에서 링크를 클릭해 다른 문서나 사이트로 즉시 이동할수 있는 기능 마크업이란 태그를 사용해 문서에서 어느부분이 제목이고 본문인지, 어느부분이 사진이고 링크인지 표시하는 것을 말한다. 즉, 웹에서 자유롭게 오갈수 있는 웹문서를 만드는 언어 HTML 문서 기본 구조 웹 문서는 아무리 길더라도 과 , 시간이란... 내일 죽을 것 처럼 오늘을 살고 영원히 살 것처럼 내일을 꿈꾸어라. 태그 - 현재문서가 HTML5언어로 작성된 웹문서라는 의미 ~ 웹 문서의 시작과 끝을 나타내는 태그 웹 브라우저 웹문서를 해석하기위해 필요한 정보를 입력하는 부분 실제로 웹 브라우저 화면에 나타낼 내용이다. 태그 - 문자 인코..