HTML 5 (3) 썸네일형 리스트형 입력 양식 작성하기 1. 폼 삽입하기 1) 폼 만드는 form 태그: input 태그를 이용해 사용자에게 입력받은 값을 서버로 데이터를 전달하도록 도와주는 포장지(컨테이너) 역할.여러 폼 요소(input 등) form태그의 속성: method와 action method : 전송방법(데이터 전달방식). action : 내용 처리해 줄 서버 프로그램 2) 폼 요소를 그룹으로 묶는 , fieldset: 하나의 폼 안에서 여러 구역을 표시할 때 사용 legend: fieldset으로 묶은 그룹에 제목 붙임 제목 안녕하세요 3) 폼 요소에 레이블(이름, 라벨)을 붙이는 input 태그와 같은 폼 요소에 레이블(이름, 라벨) 붙일 때 사용. input 태그의 id와 label 태그의 for의 값을 일치시킴으로써 연결. 레이블 명 남성.. 웹 문서에 다양한 내용 입력하기 1. 텍스트 입력하기 1) 제목을 나타내는 제목을 표시하는 태그로 ~ 로 작성. 범위: 있으며 h1 ~ h6까지 존재(h1이 가장 크며 h6이 가장 작음) 2) 단락을 만드는 단락(Paragraph): 내용상 끊어서 구분하는 부분 3) 빈 태그 시작 태그만 존재하며 작성은 . 예시는 줄 바꿈 참고 4) 줄 바꿈 빈 태그로 줄 바꿈을 의미 안녕 하세요 >>(출력) 안녕 하세요 5) 볼드체 , : 텍스트를 볼드체로 변경. 화면 낭독기가 해당 부분은 강조한 의미로 인식 : 단순하게 보이는 것만 볼드체로 변경 6) 기울임 , 텍스트를 이텔릭체(기울인 꼴)로 변경 i: italic em: emphasis 7) 쓴 그대로 출력하는 실습(1 ~ 7) 적용 레드향 껍질에 붉은 빛이 돌아 레드향이라고 불림... HTML_개념과 구조 1. HTML 개념 HTML(HyperText Markup Language)의 약자로 웹페이지를 만드는 언어로 텍스트, 이미지, 영상 등의 위치를 표시. tag를 이용해 웹페이지 구조를 만들고 뼈대 구현. style을 넣어서 웹페이지 꾸미기 HyperText의 뜻은 링크라는 뜻 2. HTML 구조 ~ : 태그라고 불리며 시작태그와 종료태그 한쌍으로 구성, 열고 닫는다라는 뜻 : document type으로 html5 버전으로 작성된 문서(문서유형 지정) ~ : 문서의 시작과 끝. : 문서의 영역을 나누는 부분으로 문서의 정보, 제목 포함 ~ : 문서 내에서 표현할 값(화면에 보여줄 값) 빈태그(empty tag) : 시작태그만 존재하는 태그로 빈태그(empty tag) 작성은 으로 한다. ex) // 문.. 이전 1 다음
