learn semantic markup
1.0.0
이 문서를 표시하여 시맨틱 HTML을 배우십시오.
이것은 HTML을 배우기 위해 연습을 위해 표시 할 수있는 텍스트 문서의 디렉토리입니다. 문서에는 휴대 전화 및 데스크탑의 웹 사이트에서 볼 수있는 일반적인 콘텐츠가 포함되어 있습니다. 텍스트 만 여기에 포함되어 있습니다! 당신의 임무는 마크 업을 추가하는 것입니다!
구문 적으로 올바른 HTML 코드를 작성하는 것 외에도 목표는 HTML 마크 업을 사용하여 의미를 향상시키고 정보의 컨텍스트를 보존하는 것입니다. 마크 업은 명확성을 추가해야합니다.
목표는 컨텐츠 텍스트를 가장 잘 설명하는 태그로 문서를 표시하는 것입니다. 태그가 각 문서의 내용의 메시지와 의도를 가장 잘 표현하기를 원합니다.
브라우저에서 문서의 모습에 대해 걱정 하지 마십시오 . 이것은 일반적인 초보자 실수입니다 . 브라우저의 기본 스타일은 다른 스타일 시트가 포함되지 않은 경우 제공되는 기본 선택 만 제공됩니다.
이 태그를 사용하십시오.
<header><section> 섹션><article> 기사><footer> 바이트><h1><p><small><blockquote><pre><code><strong><em><abbr><a><time><sup><q> TL; DR이 리포지어를 다운로드하고 각 문서에 HTML 태그를 추가하십시오.
이 repo에는 도전 및 솔루션 목록이 포함되어 있습니다. 각 솔루션 파일이 표시됩니다.
챌린지 파일에는 텍스트 만 포함되어 있으며 마크 업이 없으며 마크 업 (태그)을 추가합니다.
시작하기 전에 각 파일의 주석을 읽으십시오. 또한 텍스트 자체를 읽으십시오. 추가 한 마크 업은 컨텍스트를 추가하고 의미와 의도를 강화해야합니다.
이 repo를 다운로드하는 데 어려움이있는 경우 다음 단계는 다음과 같습니다.
터미널 창을 열고이 저장소를 배치하려는 폴더로 이동하십시오. (아마도 : dev/courses/web1.0 )라고 불립니다.
다음 코드를 입력하십시오.
$ git clone [email protected]:soggybag/learn-semantic-markup.git
github.com으로 이동하여 새 저장소를 만듭니다. (참고 : "ReadMe 로이 저장소 초기화"에 대한 확인란이 확인되지 않았는지 확인하십시오.)
저장소 대상을 업데이트하려면 다음을 입력하십시오.
$ git remote set-url origin [email protected]:YOUR_USERNAME/YOUR_REPO_NAME.git
$ git push -u origin master
몇 가지 방법으로 작업을 확인할 수 있습니다.
유효성 검사기를 사용하여 구문을 확인하십시오. HTML 유효성 검사기는 HTML의 구문을 확인합니다.
https://validator.w3.org
유효성 검사기에서 작업을 확인하십시오.
솔루션에 대한 작업을 확인하십시오. 당신이 가진 것은 솔루션과 동일 할 필요가 없습니다!
자유롭게 기여하십시오! 좋은 도전을 할 수있는 문서에 대한 아이디어가 있다면 자유롭게 기여하십시오. 기고 가이드를 참조하십시오. 특히 좋은 솔루션이 있다면 자유롭게 기여하십시오!
