1. 파일의 첫 번째 행에 DOCTYPE 선언을 기술합니다. (템플릿인 것 같다.) 2. html 태그는 HTML의 큰 상자입니다.DOCTYPE가 선언되면 모든 태그가 둘러싸입니다. (마지막으로 ""의 끝 태그로 끝!) 일본어 홈페이지를 만들기 위해 샘플에 Ja(일본어)의lang 속성을 지정했습니다. 3. head 탭에 웹 페이지에 대한 설정이 기술되어 있습니다. css 파일 등 외부 파일의 읽기도 여기에 기술되어 있습니다. 4. 바디 탭에 웹 페이지에 표시된 내용을 기술합니다. 줄 수가 제일 커요! 또한 HTML을 기술할 때 축소(단락을 엇갈려 코드를 쉽게 볼 수 있는 인상)를 넣는 것을 권장합니다!
헤드 태그의 기본 구성
헤드 탭에 웹 페이지에 대한 설정이 적혀 있습니다. 적당한 설정을 통해 페이지 정보를 충실하게 하면 검색 결과를 더욱 향상시킬 수 있습니다! (더 많은 사람이 열람할 수 있도록 인연의 강인함만큼 중요한 요소다.) 검색 결과를 상위에 편입하는 대책을 SEO 대책이라고 합니다! 헤드 라벨에 기술된 라벨은 기본적으로 다음과 같은 5가지가 있다. • 페이지 설정을 설명하는 데 사용되는 탭입니다.헤드 라벨 안의 태반이 이 라벨이다. •<br>이것은 페이지 제목을 설명하는 데 사용되는 탭입니다.실제로 화면에 나타나다.<br>•<link><br>외부 파일을 불러오는 데 사용되는 탭입니다.<br>다른 HTML 파일 또는 CSS 파일의 레이블을 사용할 수 있습니다.<br>개인적으로 이곳을 잊기 쉽고 잘 처리하지 못하는 이유가 있기 때문에 잘 파악해야 합니다!<br>•<style><br>이것은 페이지 디자인을 설명하는 데 사용되는 라벨입니다.<br>CSS와 같은 디자인을 설정할 수 있습니다.<br>•<script><br>이것은 JavaScript를 설명하는 데 사용되는 태그입니다.<br>JavaScript는 아직 접촉하지 않았지만 외부에서 사용할 때는 기억할 것입니다.<br>실제 샘플 코드를 써 보세요!<br>조건은 다음과 같다.<br>· 파일의 문자 코드는 UTF-8<br>• 터미널 및 브라우저별 창 폭, 줌 배율 1<br>・페이지 설명: 포켓몬스터 마스터 EX의 바디스 소개 페이지<br>· 페이지 제목은 포켓몬스터 마스터 EX<br>(이건 내가 지금 하고 있는 스마트폰 게임이야...)<br><pre class="language-html"><code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>head</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>meta</span> <span class="token attr-name">charset</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>UTF-8<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>meta</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>viewport<span class="token punctuation">"</span></span> <span class="token attr-name">content</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>width=device-width initial-scale=1.0<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>meta</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>description<span class="token punctuation">"</span></span> <span class="token attr-name">content</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>ポケモンマスターズEX<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>title</span><span class="token punctuation">></span></span>ポケモンマスターズEX<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>title</span><span class="token punctuation">></span></span>
</code></pre> 터미널과 브라우저별 창 너비, 줌 배율 1의 조건을 충족시키기 위한 코드와 페이지 설명을 Google에서 검색합니다.<br>그럼!
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
