HTML & CSS & JS/HTML 썸네일형 리스트형 HTML _ iframe태그 iframe태그 다른 웹 페이지를 표시할 수 있는 태그 더보기 HTML _ Mete Tag 메타태그는 웹문서의 정보(메타데이터)를 알려주기 위해 작성하는 태그. 이렇게 작성된 메타데이터는 사용자에겐 보이지 않지만 웹 브라우저, 검색엔진, 그리고 메타데이터를 활용하는 웹 서비스들이 사용 ( 태그 내에 위치하고 홀 태그 형식으로 사용) meta 태그 : charset 웹문서의 문자 인코딩을 알려주는 역활. 문자 인코딩이란 웹 문서에 표시되는 문자열이 어떤 문자코드 기반으로 해석되고 표현할지 정함. 현재의 웹에서는 유니코드 기반인 UTF-8 인코딩을 사용하기 때문에 charset="UTF-8"으로 작성 meta 태그 : viewpoint 웹 문서가 그려지는 영역(viewpoint)에 대해 크기나 확대 비율을 어떻게 조정할지 정함. content 속성에 viewpoint 설정 값을 넣을 수 있음 cf.. 더보기 HTML _ Form 태 폼(Form) 사용자에게 데이터를 입력 받기 위한 화면 구성을 폼이라고 함. 사이에 폼 관련 태그들(input, label, button, select 등)을 넣어 하나의 폼을 구섬하게 됌. 이 태그 내에 input, select, button등의 입력 태그들을 넣어 사용자의 입력을 받아서 원하는 서버의 주소로 전송할 수 있음 - form태그 : 폼의 시작과 끝은 정의하는 태그 (주요속성) action : 데이터를 전송할 url 주소. method : 데이터를 전송할 방법. 주로 get과 post 방식 중 하나를 사용 enctype : 데이터를 전송할 때 전송 인코딩 형식을 지정 - input태그 : 입력상자를 만드는 태그. type의 속성에 따라 입력칸, 선택박스(라디오버튼, 체크 박스), 버튼을 표시.. 더보기 HTML _ 표 관련 태그 table : 표의 시작과 끝 tr : 표의 하나의 행 th, td : 표의 열(여기서 th의 경우 제목 칸 지정할때 사용) # 행 합치기 rowspan : 합칠 행의 수(colspan : 열 합치기) 더보기 HTML _ 하이퍼링크(a태그, img홀태그) 하이퍼미디어 : 웹 페이지 내의 미디어를 통해 다른 연관 정보로 넘어갈 수 있게 하는 연결고리. 즉 링크를 의미함 1. a(anchor)태그 특정 내용에 링크를 생설할 때 사용. href(hyper reference)속성으로 이동할 리소스를 지정함. 이동할 리소스는 URL과 같은 웹 페이지 주소나 미더어의 주소가 됌 페이지 이동 -> 페이지 이동 2. img(image)태그 이미지를 삽입할 때 사용. src(source) 속성으로 이미지의 주소를 지정하면 해당 이미지가 표시됌. 홀태그 형식으로 사용 3. embed태그 외부 콘텐츠를 삽입할 떄 사용됌. 보통 유투브, 플래시와 같은 외부 미디어 객체를 웹 사이트에 포함시키고 싶을 때 사용 ex)이미지를 링크로 만들고 싶을 경우 더보기 HTML 4. 블록/인라인 요소 화면 영역을 차지하는 형태에 따라 Block과 Inline 형태로 나뉨 - Block 태그의 내용과 관계 없이 상위 요소의 너비에 맞게 너비를 차지함. 레이아웃 영역을 지정할 때 주로 사용됨(이 요소에 CSS 스타일을 적용해서 화면의 레이아웃을 완선함) div : bolck요소의 대표적인 태그로 아무 의미를 담지 않는 블록 요소로 아래의 블록 요소들의 상위 개념 section : 서로 다른 내용 구성이 들어갈 영역을 구분하는 블록 요소 article : 동인한 내용 구성이 반복될때 구분하기 위한 블록 요소 header : 본문 내용의 머리말의 영역을 구성하기 위한 블록 요소 footer : 본문 내용의 바닥글의 영역을 구성하기 위한 블록 요소 - Inline 태그의 내용에 맞춰서 너비가 결정됨. 레이아웃.. 더보기 HTML 3. 서식관련 및 리스트 태그 예제 자기소개서 좋아하는 음식 짜장면 만두 김치찌개 파스타 가고싶은 여행지 순위 발리 몰디브 호주 나를 소개한다면? 저는 홍길동입니다. 저는 서울에서 3대i> 독자로 태어났습니다. 저는 홍길동입니다.저는 서울에서 3대i> 독자로 태어났습니다.저는 홍길동입니다. 저는 서울에서 3대i> 독자로 태어났습니다 저는 10살때 처음으로 미술을 배웠습니다. 자기소개서 좋아하는 음식 짜장면 만두 김치찌개 파스타 가고싶은 여행지 순위 발리 몰디브 호주 나를 소개한다면? 저는 홍길동입니다. 저는 서울에서 3대i> 독자로 태어났습니다. 저는 홍길동입니다.저는 서울에서 3대i> 독자로 태어났습니다.저는 홍길동입니다. 저는 서울에서 3대i> 독자로 태어났습니다 저는 10살때 처음으로 미술을 배웠습니다. 더보기 HTML 2. 리스트 태그 리스트 태그란 어떠한 항목들을 구분해서 나열하고 싶을 때 사용하는 태그. 여러 개의 li태그 혹은 ol, ul 태크로 묶어서 사용 -Ordered list 태크 : ol 순서가 있는 항목들을 나열할 때 사용 ----------------------------------------------------------------------------- 사과 딸기 바나나 1.사과 2. 메론 3. 오렌지 --------------------------------------------------------------------------- -Unordered list 태그 : ul 순서가 정해지지 않은 항목들을 나열할 때 사용 --------------------------------------------------.. 더보기 이전 1 2 다음
