HTML54 [CSS 기본] 텍스트 관련 스타일 (1) font-family 글꼴 지정 - 시스템에 설치되어 있는 글꼴인 경우 지정한 글꼴이 적용된다. * [] 는 옵션 font-family: {글꼴 이름}[,{글꼴 이름},{글꼴 이름}] @font-face 웹 폰트 사용 - 사용자 시스템에 없는 글꼴이더라도 웹 문서를 통해 필요한 글꼴을 사용자 시스템에 다운로드한 후 표시하게 하기 위한 속성 [1] 구글 웹 폰트 사용 - 구글에서 제공하는 무료 웹 폰트를 import 해서 사용하는 방법 https://fonts.google.com/ Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com [2] 직접 웹 폰트 업로드 - .eot(Emb.. 2021. 11. 14. [HTML 기본] 테이블 기본 테이블 만들기 태그로 윤곽 생성 태그로 row(행) 생성 태그로 제목 셀 생성 태그로 cell(셀) 생성 colspan 속성으로 열 병합 rowspan 속성으로 행 병합 표에 제목 붙이기 표 구조 정의하기 제목 본문 요약 2021. 11. 13. [HTML 기본] 목록 만드는 태그 , 순서 없는 목록 - 각 항목 앞에 작은 원이나 사각형 같은 불릿(bullet)이 붙는다. - CSS list-style-type 속성을 이용해 불릿을 수정할 수 있다. , 순서 있는 목록 - 항목을 나열하되 순서가 필요한 목록을 만들 때 사용 - 목록의 숫자 표기법이나 시작하는 숫자 등을 바꿀 수 있다. , , 설명 목록 - 태그는 제목과 설명이 한 쌍인 설명 목록을 만든다. - 목록 / - 제목 / - 설명 2021. 11. 10. [HTML 기본] 텍스트 관련 태그 모음 텍스트를 덩어리로 묶어 주는 태그 ~ 제목 표시하기 제목 텍스트는 일반 텍스트보다 굵고 진하게 표시됩니다. 단락 만들기 줄 바꾸기 웹 브라우저에서 줄바꿈을 하려면 줄을 바꿀 위치에 태그를 사용해야 합니다. 인용문 넣기 다른 블로그나 사이트의 글을 인용할 경우 태그를 이용해 표시합니다. 이때 인용한 문장은 다른 텍스트보다 안으로 들여 써지므로 다른 텍스트와 구별됩니다. 입력하는 그대로 화면에 표시하기 HTML에서는 아무리 많은 공백을 넣더라도 브라우저 창에는 한 개의 공백만 표시됩니다. 하지만 태그를 사용할 경우, 소스에 표시한 공백이 브라우저에 그대로 표시됩니다. 텍스트를 한 줄로 표시하는 태그 , 굵게 표시하기 : 경고나 주의 사항처럼 중요한 내용을 강조해야 할 때 사용 : 단순히 굵게 표시해야 할 때.. 2021. 11. 10. 이전 1 다음