Untitled_Blue

안녕하세요. 이번 글은 CSS에 대한 소개와 기초 개념에 대한 설명입니다. - CSS란? Cascade Style Sheet의 약자이며 HTML 태그에 스타일을 입히는 역할을 담당하는 스타일 시트 CSS는 단순히 웹 문서의 디자인을 담당하는 것을 넘어서 시각적으로 편안함을 제공함으로써 사용자가 웹사이트를 사용하기 좋은 환경을 조성해주는 역할을 담당하고 있다. - 스타일 선언 방식 3가지 1) 스타일 작성법 선택자 { 속성: 속성값; /* 주석 처리 방법 */ } CSS 스타일을 작성하는 상단과 같으며 먼저 선택자라는 공간에 스타일을 적용할 대상을 선정한다. 이후 괄호 안에 스타일에 대한 속성과 상세한 설정을 나타내는 속성값을 입력한 후 세미콜론(;)으로 마무리 해준다. 그리고 주석은 /**/만으로 표현할..

안녕하세요. 이번 글은 자바스크립트의 기초에 대한 설명입니다. - 자바스크립트(Javascript) 란? 웹 문서의 동적인 요소를 시작으로 시각적으로 반응하는 효과를 부여하기 위한 하나의 언어 자바스크립트를 통해 웹의 요소를 제어할 뿐만 아니라 다양한 API를 제작할 수 있으며 서버도 개발할 수 있다. - 자바스크립트를 사용하는 방법 HTML 문서 안에 태그를 통한 구현 방법을 인라인 기법이라 하며 이외에도 외부 파일을 불러오는 방법으로도 자바스크립트 코드를 실행할 수 있다. - 표현식과 문장 표현식 : 연산, 실제 값, 함수(메서드)를 의미한다. 문장 : 조건문과 제어문 같은 명령문을 의미한다. - 웹사이트에 알림창을 띄우다. alert(), comfirm(), prompt() alert("메시지") ..

안녕하세요. 이번 글은 HTML 내 사용가능한 Form 태그에 대한 설명입니다. - Form 이란? 하나의 양식으로서 정보를 입력받는 공간이며 이들을 통해 서버에 필요한 정보를 제공할 수 있는 공간 서버와 클라이언트가 소통할 수 있는 하나의 수단이기도 하다. - 폼의 기반 작성 - 먼저 폼을 선언하는 기본적인 태그는 다음과 같다. 속성 설명 action 폼에서 입력받은 내용을 처리할 프로그램 지정 name Javascript로 폼을 제어할 때 사용할 폼의 이름 지정 target action에서 설정한 프로그램을 새 창으로 열도록 설정 method 입력내용을 서버 프로그램에 전달할 방법 지정 + get, post로 구성되어 있음. autocomplete 자동완성 기능 사용 여부 (on, off로 설정 가능..

안녕하세요. 이번 글은 하이퍼링크, iframe, Bookmark에 대한 설명입니다. - 하이퍼링크 (HyperLink) [텍스트 또는 이미지] 속성 설명 _blank 새로운 탭으로 열기 _self 기본값이며 자기 자신의 탭에서 덮어쓰는 식의 열기 _top 최상위 프레임에서 열기 _parent 자신의 부모 프레임에서 열기 target에 대한 속성은 상단의 표와 같으며 이는 선택 사항이다. 생략하면 _self로 자동으로 인식된다. NAVER NAVER 다음과 같이 target 속성을 생략하거나 _self로 설정하면 현재 프레임에서 실행되며 _blank로 설정하면 새로운 프레임이 생성되면서 그 곳에 링크가 실행되는 점을 확인할 수 있다. - 웹 문서 안에 또 다른 페이지, : 링크가 실행될 때 실행창을 보여..

안녕하세요. 이번 글은 HTML 내 컨텐츠 관련 추가 태그에 대한 설명입니다. - 이미지 삽입 + alt는 불러올 이미지가 없거나 파일경로 또는 파일명이 올바르지 않아서 에러 창 (엑박)이 나오면 해당 이미지가 어떤 이미지였는지를 설명해주는 속성을 의미한다. width와 height는 각각 가로와 세로의 길이를 설정하는 속성인데 이는 선택사항이며 단위는 숫자로만 해도 되고 px(pixel), %도 가능하다. 다음과 같이 img 태그를 사용해서 이미지를 웹 문서 안에 추가할 수 있다. 또한 title 속성을 통해 커서를 갖다대면 사진에 대한 설명을 띄울 수 있다는 점도 확인할 수 있다. 여담으로 사진은 저작권 침해를 예방하기 위해 저작권 없는 무료 이미지 사이트에 있는 자료를 사용했다. 필자는 픽사베이를 ..

안녕하세요. 이번 글은 HTML 기초에 대한 설명입니다. - HTML이란? HyperText Markup Language의 약자이며 웹 문서를 만드는 기초적인 언어 현재까지는 HTML5을 HTML의 표준 규약으로 지정 정적인 특성을 가지며 모든 웹 페이지를 만드는 데 제일 기초적이면서 필수 언어 - HTML 문서의 구조 내용을 입력하는 곳입니다. HTML은 마크업 언어인 만큼 태그 형식을 기반으로 작동한다. 그러므로 태그의 시작과 끝이 항상 존재해야 한다. 상단의 코드를 실행하면 이렇게 HTML 웹페이지가 실행된다. 부분에 Document라고 적은 곳은 웹 브라우저에서 제목으로 정상적으로 나오는 점 또한 확인 가능하다. VS Code 기준으로 html 문서 내에 ! 를 입력하고 하단의 부분을 선택해 En..