모두를 위한 HTML 팁과 요령

2319 단어 beginnershtmlweb3webdev

제목 표시줄 추가 아이콘



많은 초보자들은 제목 표시줄의 아이콘에 대해 전혀 모릅니다. 그러나 이것은 제목 표시 줄에 아이콘을 추가하는 간단한 트릭입니다. 연습을 위해 문자 이미지를 다운로드하고 내 코드를 따르십시오.

<head>
  <title>Sayyed Asad Ullah</title>
  <link rel="icon" href="letter-A.png">
</head>




웹사이트 비디오 태그에 비디오 추가



사이트에 동영상을 추가해야 할 때. 따라서 비디오 요소를 사용해야 합니다. 그러나 HTML 5에서는 video 요소를 사용하여 비디오를 추가할 수 있습니다. 하지만 이 경우 source 요소와 source 속성을 사용하여 적용합니다. 이유는 비디오를 추가하기 위한 것이기 때문에 이 두 마크 코드가 모두 필요합니다.

<video>
   <source src="hello-wold.mp4">
</video>




비디오 및 오디오 제어 속성



controls 속성을 사용하여 오디오 및 비디오 볼륨을 원하는 대로 낮거나 높게 제어할 수 있습니다. 또한 controls 속성을 사용하여 비디오 및 오디오를 일시 중지하거나 재생할 수도 있습니다.

<video controls>
   <source src="hello-wold.mp4">
</video>


메타 태그 SEO META 태그



HTML 헤드에 메타 설명을 추가하여 검색 엔진 최적화에 간접적인 영향을 미치십시오. 메타 설명은 검색 엔진 결과 페이지의 사이트 이름 아래에 나타나는 텍스트를 나타냅니다. Google에서 텍스트나 콘텐츠를 검색할 때와 같습니다.

Symfony에 ReCaptcha 추가
Redis Hackathon - Sanic 환전 API

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage