본문 바로가기

html

HTML 폼양식, <input>, <select>, <textarea>, <button> 텍스트창과 비밀번호 입력창 id : pw : 라디오 버튼, 체크 박스 라디오버튼 : 선택 선택안함 취미 : 독서 운동 공부 checked 속성을 넣으면 처음부터 선택된 항목으로 표시된다. 라디오버튼은 여러 항목 중 하나만 선택할때 사용함 체크박스는 여러 항목을 선택할 때 사용함 파일 선택 창 파일 첨부 : 선택 박스 이메일 : @ 선택 네이버 다음 구글 다중 입력 창 다중 입력 창 rows : 행을 지정하는 속성, rows=5이므로 다섯줄을 입력할 수 있는 크기로 설정됨. cols : 한 줄에 입력 가능한 글자 수, 즉 너비를 의미하며 cols=60이므로 60자까지 영문자나 숫자를 입력할 수 있음. 한글은 한 글자가 영문자 두 자리를 차지하므로 한글만 쓸 경우 30자까지 입력할 수 있음 버튼 확인 취소 .. 더보기
HTML 하이퍼링크 삽입, <a> 태그 속성 태그는 하이퍼링크를 걸어주는 태그입니다. 링크는 모든 브라우저에서 다음과 같이 표시됩니다. - 방문하지 않은 링크는 밑줄과 파란색 - 방문한 링크는 밑줄과 보라색 - 활성 링크는 밑줄과 빨간색 속성 href : 클릭했을 때 이동할 링크 target : 링크를 여는 방법 target 에는 다음과 같은 속성이 쓰입니다. _self 현재 페이지, 기본값으로 생략 가능 _blank 새 탭으로 오픈 _parent 부모 페이지로 오픈 _top 최상위 페이지로 오픈 프레임이름 명시된 프레임에서 오픈 네이버로 이동 예를 들어 다음과 같이 href 에 네이버 주소를 입력하고 target에는 "_blank"를 입력하고 실행한 결과입니다. 방문하지 않아 파란색 밑줄로 네이버로 이동이라는 글자에 하이퍼링크가 걸렸습니다. 클릭.. 더보기
HTML 이미지 삽입하기, <img> 속성 (width, height, src, alt, title) html에서 이미지를 삽입하는 태그인 에 대해 알아보겠습니다. 태그는 웹페이지에 이미지를 삽입할 때 사용합니다. 예를 들어 코드를 입력하면 이미지가 삽입되는 것을 볼 수 있습니다. 에서 src 속성은 source를 의미하며, 이미지 파일의 이름과 경로를 알려줍니다. 만약 이미지 파일이 img 라는 폴더 안에 있다고 가정하면 현재폴더/경로/이미지파일이름.확장자 ./img/banner01.jpg 이렇게 입력하셔야 합니다. .(점)은 현재 폴더를 의미하며 /(슬래시)는 폴더를 구분해주는 기호입니다. ./ 은 생략하여 "img/banner01.jpg" 로 입력하셔도 됩니다. 태그 속성 1. width, height 속성 이미지의 너비와 높이를 지정해주는 width와 height 속성에 대해 알아보겠습니다. 는 .. 더보기