2nd 과제

1.HTML
웹 페이지의 시작과 종료를 의미 <html>~</html>

html 엘리먼트의 3 가지 속성

<html xmlns=“http:www.w3.org/1999/xhtml” lang=“en”
xml:lang=“en” >

XML 언어 식별 사용하는 언어 명시

HEAD
문서의 일반적인 정보와 title 등의 제목을 선언

BODY
웹 브라우저 화면에 나타나는 모든 콘텐츠

META
문자 코드 세트 지정하기
<meta http-equiv=“content-type” content=“text/html; charset=utf-8” />

키워드 지정하기
<meta name=“keywords” content=“ 웹 접근성 , 웹 표준 , 품질마크” />

다양한 문저 정보 지정하기
<meta name=“subject” content=“ 문제 제목 정보” />
<meta name=“description” content=“ 웹 페이지 요약 정보” />
<meta name=“author” content=“ 제작자 정보” />
<meta name=“robots” content=“ 검색 로봇 제어” />
<meta name=“copyright” content=“ 저작권 정보” />

TITLE
제목을 선언할 때 사용하는 요소

Best Case
<title> 묻고답하기 | WebCafe</title> // WebCafe 사이트의 묻고답하기 페이지

Worst Case
1. <title> :::::: 우리 회사에 방문하신 것을 환영합니다 . :::::: </title>

화면 낭동기 사용시 콜론 반복

2. <title> 홈 > 회사소개 > 연혁 </title>

일반적인 웹 사이트는 홈 > 회사소개 > 연혁과 같은 정보를 포함

TITLE 바른사용 예제

웹 사 이 트 : Daum 블로그
현재 페이지 : 블러그존

<title> 블러그존 | Daum 블로그
</title>

다음과 같이 웹사이트와 현재페이지를
같이 표시하여 , 어느사이트의 어떤 페
이지에 들어와 있는지를 알수있게 함 .

Hn( 제목 )
콘텐츠의 내용에 따라 대제목 , 중제목 , 소제목 등으로 지정

hn( 제목 ) 올바른 사용법

h1 다음 h2, h3 순으로 계층구조가 어긋나지 않게 논리적인
구조로 작성 .

제목은 포함하고 있는 내용을 파악하 쉽도록 지정 .

hn( 제목 ) 올바른 사용 예
제

Header Container

<h1>Daum 메일 </h1> <h2>Daum 메일 </h2>

<h2> 관련 서비스 </h2> <h3> 로그인 </h3> <h3> 다음소식 </h3>

2nd 과제

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Andere mochten auch

Andere mochten auch (20)

Ähnlich wie 2nd 과제

Ähnlich wie 2nd 과제 (20)

2nd 과제