사진을 합리적으로 추가하면 웹 페이지를 더 아름답게 만들 수 있습니다.
<Img> 태그는 웹 페이지에 사진을 삽입하는 데 사용됩니다. <Img> 태그에는 중요한 속성 SRC가 있으며 속성 값은 이미지의 주소입니다. index.html에 사진을 삽입합시다. index.html 파일을 열고 </body> 전에 다음 코드를 추가하십시오.
| <p> <img src = http : //www.cuoxin.com/images/logo.gif alt = 기술 지원/</p> |
저장 후 웹 사이트를 찾아 보면 웹 페이지 가이 페이지와 동일하다는 것을 확인하십시오.
<Img>은 빈 태그이며 XHTML의 요구 사항을 충족시키기 위해 마지막에 하나/ 추가해야합니다. SRC 외에도 ALT 속성도 있습니다. 우리는 그것을 교체 속성이라고합니다. 어떤 이유로 이미지를 표시 할 수없는 경우 이미지 대신 ALT의 속성 값이 나타납니다. 이미지가 정상적으로 표시되면 이미지의 마우스를 중지하면 Alt 속성의 속성 값이 표시됩니다.
우리는 이전 자습서에서 하이퍼 링크를 만드는 법을 배웠습니다. index.html을 열고 방금 삽입 한 코드를 다음 단락에 변경하겠습니다.
| <p> <a href = http : //www.cuoxin.com/images/logo.gifalt=technical support/</a> </p> |
저장 후 웹 페이지를 찾아 보면 웹 페이지 가이 웹 페이지와 동일하다는 것을 다시 확인하십시오. 사진이 하이퍼 링크가되었는지 확인하십시오. 사진을 클릭하면 초보자의 홈페이지에 입력됩니다.
이 섹션에서 더 이상 index.html 웹 페이지의 모양을 수정하지 않습니다. 이제 우리는 검사를 위해 권위있는 조직으로 만든 웹 페이지를 보낼 것입니다. 먼저 입력하십시오 : http://validator.w3.org/, XHTML 유효성 검사 도구 인 웹 페이지가 XHTML 표준을 준수하는지 확인하는 데 사용됩니다. URL 확인을 사용하거나 파일 확인을 업로드하도록 선택할 수 있습니다. 다음과 같이 파일 업로드 유효성 검사를 선택할 수 있습니다.
파일 업로드로 유효성 검사에 로컬 파일 열이 있으며, 찾아보기를 클릭하고, 이전에 저장 한 index.html을 찾아서 선택한 다음 확인 버튼을 클릭하십시오. 귀하의 결과는 URL 검증을 통해 결과와 동일해야합니다. 다음 오류 메시지를 반환합니다.
| 죄송합니다. 3 행, 6-9, 12-14, 16-22에는 UTF-8으로 해석 할 수없는 하나 이상의 바이트가 포함되어 있기 때문에이 문서를 검증 할 수 없습니다 (즉, 발견 된 바이트는 지정된 문자 인코딩에서 유효한 값이 아닙니다). 파일의 내용과 문자 인코딩 표시를 모두 확인하십시오. |