Html5&CSS3

Do it! HTML5+CSS3 웹 표준의 정석

02 텍스트 관련 태그들 연습 문제

Q1. 텍스트들이 미리 입력되어 있는 quiz-1.html 문서를 열고 다음 조건에 맞게 태그를 추가하세요 1. 첫 번째 줄 텍스트는 1단계 제목으로 바꾸세요. 2. 제목 이하 텍스트는 3개의 단락으로 나누세요. - 첫 번째 단락 : 내용을 강조하기 위해 굵게 표시하세요. - 두 번째 단락 : 이탤릭체로 표시하세요.(강조의 의미는 없음) - 세 번째 단락 : 읽기 쉽게 적당히 줄을 바꾸어 표시하세요. 서울특별시 서울의 지향 이미지 : 역사와 활력의 인간도시 휘장은 한글 '서울'을 서울의 산, 해, 한강으로 나타내면서 전체적으로는 신명나는 사람의 모습을 형상화한 것으로 인간 중심도시를 지향하는 서울을 상징합니다. 자연 - 인간 - 도시의 맥락 속에서 녹색 산은 환경사랑, 청색 한강은 역사와 활력, 가운데 ..

Do it! HTML5+CSS3 웹 표준의 정석

02 텍스트 관련 태그

02-1. 텍스트를 덩어리로 묶어 주는 태그 - 텍스트를 블록(block)으로 묶어 처리하는 태그 ( 텍스트가 포함된 블록 전체에 적용됨 ) : 제목 표시하기 - n은 1~6까지 있고 숫자가 작을 수록 글씨가 커짐 : 단락 만들기 - 줄바꿈이 포함 되어있고 브라우저 창의 너비보다 길어질 경우, 줄이 자동으로 바뀜 : 줄 바꾸기 - 닫는 태그 없음 : 수평줄 넣기 - 가로선 삽입 ( CSS로 없앨 수 있음 ), 닫는 태그 없음 : 인용문 넣기( 문단 분리 ) - 다른 텍스트보다 안으로 들여써져 다른 텍스트와 구별됨 - cite 속성으로 인용 사이트 주소 표시 가능 : 입력한 그대로 화면에 표시 - 공백 표시 가능 - 화면 낭독기가 읽어주지 않으므로 대체 텍스트를 사용하는 게 좋음 02-2. 텍스트를 한 줄..

Do it! HTML5+CSS3 웹 표준의 정석

01 HTML 기본 다지기

01-1. HTML 이란? HTML ( Hyper Text Markup Language ) : 하이퍼텍스트를 마크업하는 언어 > 웹에서 자유롭게 오갈 수 있는 웹 문서를 만드는 언어 하이퍼 텍스트 : 웹 사이트에서 링크를 클릭해 다른 문서나 사이트로 즉시 이동할 수 있는 기능 마크업 : 태그 (tag) 를 사용해 문서의 내용을 구분해서 표시하는 것 웹 사이트에서 사용하는 문서, 웹에 맞는 형식은 .html / .htm 확장자를 붙임 웹 문서를 작성하는 프로그램, 그 내용을 보는 프로그램은 다름 웹 문서 작성 하는 프로그램 > 웹 편집기 ( web editor ) 웹 문서를 보는 프로그램 > 웹 브라우저 ( web browser ) 웹 표준이란? 웹 사이트를 만들 때 지켜야 하는 약속들 장소나 브라우저와 ..

KKEI38
'Html5&CSS3' 태그의 글 목록