림이의 개발일지 림이의 개발일지

폼 만들기 폼의 정의 사용자가 웹 사이트로 정보를 보낼 수 있는 요소들은 모두 폼 (form) 폼의 기본 태그들 - 폼을 만드는 기본 태그 - 폼 요소에 레이블(텍스트)을 붙이는 태그 - 폼 요소를 그룹으로 묶는 태그 - 그룹으로 묶는 구역에 제목을 붙이는 태그 개인 정보 이름 메일주소 로그인 정보 아이디 비밀번호 - 사용자가 입력하는 부분은 거의 태그를 이용해 처리 type 속성 값에 따라 함께 사용할 수 있는 속성들도 달라진다. input type type = “hidden” - 화면상의 폼에는 보이지 않는다. type = “text” - 주로 아이디나 이름, 주소 등 텍스트 입력 type = “password” - 비밀번호 입력란 type = “search” - 검색 필드 type = “url” -..

이미지 태그 웹 문서에 이미지를 삽입 할때 사용 태그의 속성 -src 속성 - 이미지 파일 경로 -alt 속성 - 이미지를 설명하는 대체 텍스트 -width,height 속성 - 이미지 크기 조정하기 img (크기 조절) 이미지 크기 조절 이미지에 설명글 붙이기 : 설명글을 붙일 대상 지정 : 이미지를 설명하는 대체 텍스트 예제) figure figcption 제품 선택 에멘 모카 마타리(Yemen Mocha Mattari) 링크 만들기 -하이퍼링크 : 다른 문서 , 혹은 다른사이트로 바로 연결해 주는 기능 텍스트 예제) link(텍스트링크, 이미지 링크) 텍스트 링크만들기 네이버 홈페이지 이미지 링크만들기 taget 속성 - 새 탭에서 링크 열기 다른 사이트로 링크하거나 현재 페이지를 유지한 상태에서 ..

텍스트를 묶어주는 태그 - 제목 표시 - 텍스트 단락 - 줄 바꾸기 - 분위기 전환 - 인용문 넣기 (다른 텍스트보다 안으로 들여 써짐) - 입력한 그대로 표시 (띄워쓰기 하면 그대로 표시된다) - 기본태그 사용 제주 이색 여행지 - 이중섭 거리 주말 마다'서귀포문화예술디자인시장'이 열립니다. '아트마켓'이라고도 부르는데, 문화예술체험이나 공연관람을 할 수도 있고 작가들이 직접 만든 창작예술품 등을 판매하기도 합니다. 텍스트를 한 줄로 표시하는 태그 - 중요한 내용 강조할때 - 단순히 굵게 표시할때 ,-이텔릭체로 표시하기 줄바꿈 없이 다른 내용과 한줄에 인용 내용 표시 형광펜 효과 (배경색이 노랑으로 표시됨) , - 영역 묶기 - 줄 안에서 (인라인) 묶기 - 글자에 주석 표시 ( 태그 안에 태그를 사용..

HTML과의 첫 만남 HTML이란 무엇일까? 웹에서 자유롭게 오갈 수 있는 웹 문서를 만드는 언어가 HTML Hyper Text Hyper의 뜻은 뛰어넘다 초월하다의 의미를 가지고 있다. 즉 Hyper Text는 페이지마다 자유롭게 이동하는걸 뜻한다. mark up 제목이 어디서부터 어디까지인지, 본문은 어디부터 이까지 인지, 내용은 어떤 것인지 단락이 구분 되어 있습니다. 이 모든것은 마크업 언어를 통해 구조적으로 표현이 가능합니다. 즉, HTML 문서를 구조적으로 표현하기 위한것이 마크업 개념입니다. 브라우저의 구성요소는 모든게 content입니다. 브라우저는 컴퓨터가 마찬가지로 인간의 언어를 이해할수 없기 때문에 모든것을 알려 줘야 한다. 즉 브라우저에게 우리가 사용할 content 를 알려 주어야..