Untitled_Blue

안녕하세요. 이번 글은 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 속성을 통해 커서를 갖다대면 사진에 대한 설명을 띄울 수 있다는 점도 확인할 수 있다. 여담으로 사진은 저작권 침해를 예방하기 위해 저작권 없는 무료 이미지 사이트에 있는 자료를 사용했다. 필자는 픽사베이를 ..

안녕하세요. 이번 글은 테이블과 목록에 대한 설명입니다. - 표를 만들어주는 태그 ~ : 테이블을 만들기 위한 기본적인 태그 ~ : table row의 약자로 테이블의 1행을 나타내기 위한 태그 (이 안에 td 태그가 들어간다.) ~ : table head의 약자로 각 열의 제목을 나타내기 위한 태그 (기본적으로 굵기와 가운데 정렬을 제공한다.) ~ : table data의 약자로 테이블의 열로서 데이터를 입력하기 위한 태그 제목1 제목2 제목3 제목4 제목1의 내용1 제목2의 내용1 제목3의 내용1 제목4의 내용1 제목1의 내용2 제목2의 내용2 제목3의 내용2 제목4의 내용2 다음과 같이 3개의 tr 태그와 각각의 행 안에 4개의 td th 태그를 통해 3행 4열의 표를 만들었다는 점을 확인할 수 있..

안녕하세요. 이번에는 HTML에서의 텍스트 관련 태그에 대한 설명입니다. - 제목을 크기별로 표현하는 H1 ~ H6 텍스트를 크고 진하게 표현하며 숫자의 크기가 클수록 텍스트의 크기가 작아진다. This is a Title ! This is a Title ! This is a Title ! This is a Title ! This is a Title ! This is a Title ! 다음과 같이 H1에서 H6까지 실행해보면 공통적으로 진하기가 적용된 점과 태그 내 숫자가 클수록 폰트 사이즈가 작아지는 점을 확인할 수 있다. - 텍스트의 단락을 보여주는 , : 한 줄 개행 ~ : 자동으로 개행처리되며 내부에 내용을 입력하는 방식 텍스트 개행하기 전입니다. 이렇게 별도의 태그를 안하면 한 줄로 인식되서 출..

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