html§CSS (14) 썸네일형 리스트형 HTML의 태그들(4) ○ 논리 태그들 ● 태그 요약을 할 때 사용한다 ● 태그 강조된 텍스트를 표현할 때 사용한다. 이탤릭체 ● 태그 인용구. 작품의 제목을 지정할 때 사용한다 ● 태그 키보드 입력을 나타날 때 사용한다 요소 내의 텍스트는 기본 고정폭 글꼴을 사용하여 표현된다 ● 태그 컴퓨터 코드(컴퓨터가 인식할 수 있는 어떤 문자열)의 일부분을 나타낼 때 사용한다 ● 태그 잛은 인용구를 정의할 때 사용한다(" ~ ") ● 태그 용어의 정의를 나타낼 때 사용한다 ● 태그 컴퓨터 메시지. 컴퓨터 프로그램의 샘플 또는 인용 출력을 나타낼 때 사용한다 ● 태그 변수를 정의할 때 사용한다 실행 코드 실행 결과 ● 태그 사용자 의견이나 정보를 알기 위해 입력할 큰 틀을 만드는 데 사용한다 (웹 페이지를 통해 사용자 입력을 받는 폼) .. HTML의 태그들(3) ● 태그 Definition List. 사전처럼 용어를 설명하는 목록을 만든다.(개념-정의를 나타내는 목록) ● 태그 Definition Term. 개념을 나타내며 인라인 태그이기 때문에 안에 다른 인라인 태그나 텍스트만 입력할 수 있다 안에 블럭 태그를 넣으면 안된다 ● 태그 Definition Description. 정의를 나타내며 블럭 태그이기 때문에 안에 다른 인라인 태그와 블럭 태그 모두 사용 가능하다 => dt 태그와 dd 태그는 '1:1' 정의뿐만 아니라 '多:多'의 형식도 가질 수 있다 실행 코드 실행 결과 ● 태그 해당 콘텐츠의 중요성이나 심각함, 긴급함 등을 강조할 때 사용한다 브라우저는 일반적으로 strong 태그의 콘텐츠를 굵은 텍스트로 표현한다 ● 태그.. HTML의 개념들(1) ● Block Tag와 Inline Tag html은 블럭 태그와 인라인 태그로 나뉜다 Block Tag Inline Tag를 포함할 수 있고 다른 블럭 태그도 일부 포함할 수 있다 기본적으로 가로폭 전체의 넓이를 가지는 직사각형 형태가 되며 width, height, margin, padding 등을 사용하여 형태를 변형하여 레이아웃을 수정할 수 있다 블럭 태그 다음에는 줄바꿈이 이루어진다 Inline Tag 항상 블럭 태그 안에 포함되어 있으며 인라인 태그 안에 다른 인라인 태그가 포함될 수 있다 컨텐츠가 차지하는 공간만큼의 넓이를 가진다(임의로 width, height로 변형을 줄 수가 없다) line-height로 줄의 높낮이를 조절할 수 있고 text-align으로 텍스트의 중앙, 좌측, 우측 .. HTML의 태그들(2) ● 태그 웹 사이트의 레이아웃(전체적인 틀)을 만들 때 사용한다 div 태그의 속성 style : div 태그의 스타일을 지정한다 (style="스타일 지정 속성" => 같은 속성의 값은 띄어쓰기를 해서 구분하고 다른 속성의 값은 세미콜론(;)으로 구분한다 width, height : div 태그의 가로 크기와 세로 크기를 지정한다 (px 단위와 % 단위로 지정이 가능하다) border : div 태그의 테두리의 굵기를 정한다 float : div 태그를 정렬한다 (left, right 값이 있고 기본 값은 left이다) margin : div 태그를 정렬 기준 끝에서부터 다른 태그와 div 태그 간에 여백을 준다 실행 코드 실행 결과 ● 태그 주로 div 태그, p 태그와 함께 웹 페이지의 일부분에 스.. HTML의 태그들(1) ● 태그 하나의 단락. 단락과 단락 사이에 한 줄의 공백이 생긴다 p 태그 안에 내용물을 쓸 때 공백을 여러 개 넣어도 하나로 취급되고, 개행을 여러 개 넣어도 이어서 나온다 ● 태그 수평으로 직선을 긋는 태그. 단일 태그이다 hr 태그는 horizontal에서 따온 글자이다. 종료 태그를 사용하지 않는다 ● 태그 줄바꿈을 하는 태그이다 엔터 키와 같은 역할을 하며 을 사용한 것과 을 사용한 것이 같은 효과를 낼 수 있다 ● ~ 태그 제목을 뜻하는 Heading의 줄임말이다 부터 태그까지 제공하며 숫자가 클 수록 문장의 글씨가 작아진다 ● 태그 태그 내 텍스트에 사용된 여백과 줄바꿈이 모두 그대로 브라우저 화면에 출력된다 Preformatted의 약자이며, pre 태그 내의 텍스트는 시스템에서 미리 지정.. HTML이란 HTML(Hyper Text Markup Language) 웹 상의 문서 즉, 홈페이지를 만들 수 있는 언어이다. 'HTML을 입력한다'라는 것은 'Tag을 입력한다'라고 하는데 붙여서 HTML Tag라고 부른다 HTML에서 사용되는 각각의 구성 요소와 문법들을 태그라고 하며, 각각의 태그들은 저마다 속성과 값들이 다르다 이러한 각각의 태그와 함께 삽입하여 구현할 수 있는 속성과 값들을 구현하여 웹 페이지를 만든다 (HTML5는 브라우저마다 동일한 모양으로 구성된다) HTML 설명 - ① - ④ //내용 1. 태그 웹 문서의 형식이 HTML을 이용하여 작성하는 부분임을 알려준다. 첫 시작 부분에 을 입력하고 마지막에 을 입력한다. 2. 태그 실제로 웹 브라우저에 나타나지는 않.. 이전 1 2 다음
