ASU

목록 관련 요소 : 웹 문서의 다양한 콘텐츠를 마크업하기에 적당한 element 목록 관련 요소 – 비순서형, 순서형, 정의형 목록 • 비순서형 목록 –자식요소 : • 순서형 목록 –자식요소 : • 정의형 목록 –자식요소 : , –Definition List. 용어 정의 리스트를 생성할 때 사용 –최근 주목 받는 마크업 –단순히 정의형 목록만이 아니라 주종 관계가 성립되는 콘텐츠에 광범위하게 사용 텍스트 관련 요소 1. 강조 – strong, em •강한 강조 –굵게 출력 •강조 –기울임꼴로 출력 2. 추가글, 삭제글 – ins, del •추가글 텍스트의 아래쪽에 밑줄 표시 •삭제글 텍스트의 중간에 밑줄 표시 3.첨자 – sup, sub •윗첨자 : X2 •아랫첨자 : H2O

XHTML 링크와 이미지 (하이퍼링크, 이미지, 이미지맵) 1. 하이퍼링크 • 하이퍼링크 –텍스트나 이미지에 링크를 설정할 때 –인라인 요소 –href : 이동할 주소 –target: _blank 새창띄우기 (default는 _self : 현재 창에서 이동) –alt: 대체 텍스트 –title: 말풍선 텍스트 1. 하이퍼링크 –경로 • 절대경로 –전체 구조 내에서의 경로 지정 –http:// 포함하여 전체 경로를 표시 • 상대경로 – 파일의 현재 위치를 기준으로 경로 지정 – / : 최 상위 폴더 – ./, 생략 : 현재폴더 – ../ : 이전폴더 2. 이미지 •이미지 – 이미지 개체를 삽입할 때 – 빈 요소. 인라인 요소 – src : 이미지 경로 – alt : 대체텍스트 – title : 말풍선텍스트..

XHTML 문단 관련 요소 (제목, 단락, 줄바꿈, 구분선) 1. 문단 관련 요소 - 제목 • 제목 ~ – 대제목, 중제목, 소제목 등 – h1, h2, h3, h4, h5, h6 – 잘 구성된 제목은 기기에서의 정보 인식성에 효과적 – 디자인상 생략된 헤딩 요소를 콘텐츠의 특성에 맞게 마크업할 때 작성하면 순차적으로 정보에 접근하는 시각장애인에게 도움이 된다. – 화면에 헤딩 요소가 표시되어 디자인상 문제가 되는 부분은 CSS를 이용하여 숨길 수 있다. 2. 문단 관련 요소 - 단락 • 단락 – 텍스트를 단락으로 정의할 때 – a, img 등 인라인 요소와 텍스트만 포함 – 블록 요소는 사용할 수 없다 3. 문단 관련 요소 - 줄바꿈 • 줄바꿈 – 단락에서 강제로 줄바꿈 할 때 – 빈 요소 – 종료 태..

블록 요소와 인라인 요소 1. 블록 요소 • 블록 요소 (Block element) – 독립적인 형태의 상자 – H1~h6, p, div – 인라인 요소, 텍스트, 또 다른 블록 레벨 요소를 포함 – 블록 요소는 모든 인라인 요소를 포함할 수 있고 다른 블록 요소도 일부 포함. – 기본적으로 가로폭 전체의 넓이를 가지는 직사각형 형태가 되며 width, height, margin, padding 등을 사용하여 형태를 변형하여 레이아웃을 수정. – 그리고 블룍 요소 다음에는 줄바꿈이 가능. – display:inline CSS명령어로 블록 요소를 인라인 요소의 속성으로 변경 가능. – div {display:inline} • HTML5의 블록요소 종류 address, article, aside, audio..

문자 코드 세트와 문서 정보(meta) • 문자 코드 세트 지정하기 utf-8 : 유니코드. 전세계의 모든 문자를 표현. 국제적인 코드 규약 euc-kr : 2,350개의 한글문자, 한국에서 통용되는 한자, 영문. • 문서 정보 - 키워드 웹 페이지 홍보의 수단으로 검색 키워드 지정 문서 제목 • 웹 문서의 제목을 선언 –문서마다 유일한 내용으로 구성 –Title요소는 문서를 구별할 수 있는 첫 번째 관문 –즐겨찾기 및 북마크에 해당 웹 문서를 추가할 경우에 사용되는 북마크 이름 • 페이지와 웹 사이트 정보 함께 표기하기 – ‘웹 표준 퍼블리싱’ 웹사이트의 ‘묻고 답하기’ 페이지 HTML 기본 세팅!

휴먼 랭귀지 •한국어, 영어 또는 독일어 등 의 인간이 사용하는 언어를 HTML 문서에 선언, (x)HTML을 해석할 수 있는 소프트웨어들이 올바르게 동작하도록 유도 •주요 사용 언어에 따라 ‘한국어(ko), 영어(en), 일어(ja), 중국어(zh), 프랑스어(fr) ...’형식으로 지정

네임 스페이스 •XHTML은 HTML을 XML로 재정의한 언어이기 때문에 XML이 가지는 확장성을 이용하여 다른 XML 형식의 문서 표준을 네임스페이스(xmlns)를 이용하여 지원 •HTML을 XML로 재정의한 언어인 XHTML은 위과 같이 정의

DTD 1. 문서형 정의 – 마크업 문서 작성을 위해 문서의 첫 머리에 선언 – 요소와 속성 등 을 어떤 규칙에 따라 기술해야 하는지의 기준 – 브라우저 렌더링의 기준 – 특정 요소의 사용이 제한되거나 규칙이 다르게 적용 – 크로스 브라우징 환경에 반드시 필요. 2. 문서형 선언 1.Strict –구조와 표현을 분리하기 위해 단계적으로 사라질 ‘표현’에 관한 요소와 속성을 배제한 엄격한 문서 타입 –Center, font, iframe, strike, u 등의 요소와 target 속성이 제한 2.Transitional –예전 문서와 strict DTD 중간 단계로 설정한 문서 타입

XHTML 구성 요소 XHTML 구성 요소 1.태그(tag) - 로 묶어서 표현하는 명령어. 시작, 종료 태그(빈 요소는 ). 2.요소(element) - 시작 태그부터 종료 태그까지의 모든 명령어 집합. 3.속성(attribute) - 태그의 의미와 필요에 따라 가지는 개별적인 옵션. 공백으로 구분. 4.값(value) - 속성이 가지는 값 XHTML 문서의 기본 구조 XHTML 문서의 기본 구조 1. – 문서형 정의 선언. 엄격형(Strict), 호환형(Transitional) 등 2. - 웹 페이지의 시작과 종료 / 머리 부분과 본문 부분 3. - 머리 부분 / 일반적인 정보, 문서의 제목 등을 선언 4. - 본문 부분 / 웹 브라우저 화면에 출력

XHTML의 서식 XHTML의 서식 1 1.종료 태그 생략 불가능 2.소문자 사용 3.종료 태그가 없는 경우 형식으로 4.모든 속성값에 인용 부호(“”) 사용 XHTML의 서식 2 1.속성에 속성값 생략 불가능 2.잘못된 중첩 사용 불가능 3., &를 , &로 변환하여 사용