728x90 홈페이지 만들기16 구글폰트 사용가이드 보호되어 있는 글 입니다. 2021. 4. 27. Material Design 무료로 사용하기 구글에서 머티리얼 디자인 아이콘을 무료로 제공해주고 있습니다. 사용방법은 구글 머티리얼 아이콘 사이트에 접속하셔서 검색후 원하는 아이콘을 다운 받거나 링크를 다운받아 html문서에 붙여넣어 사용하시면 됩니다. 사이트 링크 fonts.google.com/icons?selected=Material+Icons 2021. 4. 27. css 스타일 시트 a 명령어 [링크 밑줄과 색지우기] 시타일 시트에 들어갈 a 명령어입니다. a{ text-decoration: none; color: #f8f4f5; } a 태그에 밑줄을 없애주고 색을 결정해 줍니다. 연결된 홈페이지 링크에 밑줄을 지워주고 링크에 보여지는 컬러를 지워줍니다. 2021. 4. 27. 구글 폰트 사용하기 다양한 폰트를 구글에서 무료로 제공하고 있습니다. 검색해 보시고 필요한 폰트를 무료로 사용해 보세요. html문서에서 링크를 걸어서 스타일 시트에서 불러와 사용하실 수 있고요. 다운 받아 설치해서 pc에서도 사용 가능합니다. 사이트 링크 fonts.google.com/?query=source 2021. 4. 27. 홈페이지 이미지 삽입하기 명령어 이미지 삽입하기 태그를 사용한다. 의 속성 src 이미지 파일이 위치한 곳에 관한 url 정보가 들어간다. align 이미지와 텍스트를 같이 사용했을 때 텍스트의 위치를 정렬시킨다. (top, center, bottom, left, right) alt 웹브라우저에서 이미지에 마우스를 대면 간단한 설명을 표시한다. border 이미지의 테두리를 지정한다. height 이미지의 높이를 지정한다. (픽셀 단위) width 이미지의 넓이를 픽셀 단위로 지정한다. (픽셀 단위) hspace 이미지의 좌우에 여백을 지정한다. vspace 이미지의 상하에 여백을 지정한다. usemap 이미지에 이미지 맵을 지정할 때 사용한다. ▶ 예 IMAGE SAMPLE 이미지 샘플의 예를 살펴보자. 이미지 샘플 1 이미지 샘플 .. 2021. 4. 24. 홈페이지 표만들기 명령어 표 만들기 웹페이지 제작할 때 테이블만 잘 다루어도 좋은 웹페이지를 만들 수 있다. 따라서 반드시 숙지해야만 한다. (1) 테이블의 영역을 선언하는 태그로서 테이블의 처음과 끝을 지정한다. 따라서 테이블의 모양을 만드는 태그들은 이 블록의 내부에 포함되어야 한다. 태그의 속성 border 표의 테두리 결정. 숫자를 지정하여 해당 숫자 굵기의 테두리가 그려진다. cellspacing 셀과 셀 사이의 간격을 바꿀 때 사용한다. cellpadding 셀 내부에서의 간격을 바꿀 때 사용한다. width 셀의 가로 넓이를 지정한다. height 셀의 높이를 지정한다. align 표의 정렬방식을 지정한다. (2) 테이블의 열을 만든다. 이 태그가 없으면 모든 셀이 한 줄로 나타난다. (3) 테이블의 열을 만든다. .. 2021. 4. 24. 홈페이지 html 문서 작성 명령어 1 HTML 태그의 기본 규칙 내용 대부분의 경우 여는 와 닫는 는 반드시 한 쌍으로 구성되어야 한다. 예외 : , 등 HTML 문서의 기본 구조 헤드(Head)와 본문(Body)의 두 개 부분으로 구분되면, 태그를 이용하여 구분한다. ▶ HTML 문서의 가장 단순한 예 홈페이지 본문 (1) 현재 파일이 HTML 문서임을 웹브라우저에게 알려 주는 태그다. 일반적으로 없어도 웹브라우저에서 인식은 하지만, 표준을 지키는 의미에서 반드 써 주도록 한다. (2) HTML 문서에 대한 일반적인 정보를 표시하는 일종의 머리말로, 웹브라우저 화면에는 출력되지 않는다. 이 부분에 자바스크립트, 스타일시트 등의 소스를 넣을 수 있다. (3) HTML 문서의 제목을 나타내는 곳으로, 웹브라우저에서 맨 위 제목 표시줄에 출력되.. 2021. 4. 24. 이전 1 2 다음 728x90
