HTML을 사용하여 로고를 삽입하는 방법

웹사이트나 이메일에 로고를 추가하려면 간단한 HTML만 있으면 이미지를 삽입할 수 있습니다. 로고를 추가하면 온라인 게시 작업을 훨씬 더 전문적으로 할 수 있으며 기본 코드를 외우면 파일에 다른 로고와 이미지를 쉽게 추가할 수 있습니다. 디자인이나 파일에 로고를 삽입하려는 경우 HTML을 사용하여 웹 친화적인 로고를 만드는 방법은 다음과 같습니다.

1 단계

로고 파일을 찾습니다. 코드에 삽입할 수 있도록 로고 이미지의 파일 위치와 확장자가 필요합니다.

오늘의 비디오

2 단계

워드 에디터를 엽니다. 메모장이나 기타 워드 프로세싱 소프트웨어를 열어 코드 작성을 시작하십시오.

3단계

이미지 파일을 삽입하는 코드를 작성하십시오. 유형 4단계

'alt 태그' 정보를 삽입합니다. 이것은 검색 엔진과 이미지를 읽을 수 없는 사용자에게 유용합니다. 이 정보에는 회사 이름이나 단순히 로고 메시지가 포함될 수 있습니다. 이것을 'img src' 섹션 바로 뒤에 추가하고 두 개의 아포스트로피 주위에 텍스트를 삽입해야 합니다.

5단계

이미지의 높이와 너비를 나타냅니다. 높이 및 너비 정보는 alt 태그 속성 바로 뒤에 오고 아포스트로피로 둘러싸입니다. 너비 = "(픽셀 수)" height="(픽셀 수)"를 작성해야 합니다.

6단계

테두리 정보를 표시한 다음 태그를 닫습니다. 모든 로고에 테두리 두께가 필요한 것은 아니지만 기본값은 일반적으로 '0'입니다. 다음을 작성해야 합니다: border="0" 그리고 다른 '>' 기호로 태그를 닫아야 합니다.

7단계

파일을 .htm 확장자로 저장합니다. 디자인 프로젝트에 사용할 수 있는 HTML 파일입니다.

필요한 것

  • Microsoft 그림판 또는 이미지 소프트웨어

  • 메모장 또는 기본 워드 프로세싱 프로그램

HTML 내에서 너비와 높이를 편집하여 이미지의 크기를 쉽게 변경할 수 있습니다. 테두리 스타일의 기본값은 일반적으로 0입니다. "를 추가하여 로고를 클릭 가능하게 만들 수 있습니다." 그리고 "" 이미지 주위에.

경고

컴퓨터의 하드 드라이브에서 쉽게 액세스할 수 있는 위치에서 로고를 찾을 수 있는지 확인하십시오. 항상 태그를 올바르게 닫으십시오. 이 단계를 생략하면 이미지나 파일이 표시되지 않을 수 있습니다.