HTML 5와 요소의 전설

안녕! 지금까지 우리는 HTML 케이크를 조금 먹었지만 더 나아가야 할 때입니다! 준비가 된?
*갑시다! 😁 *

우선 요소, 속성 및 형식을 지정하는 방법에 대해 자세히 알아보겠습니다. 요소는 초기 태그, 콘텐츠 및 닫는 태그로 구성된다는 사실을 잊지 않기 때문에 항상 요소를 닫는 것을 기억해야 합니다. 그러나 때때로 빈 요소라고 하는 모든 태그를 닫을 필요는 없습니다.

기억해야 할 또 다른 점은 태그가 중첩될 수 있다는 것입니다. 이는 태그가 서로 내부에 있음을 의미합니다. 예를 들면 다음과 같습니다.

<p>lorem <b>ipsum</b> </p>

HTML 문서는 중첩된 태그로 구성되어 있다고 할 수 있습니다.

속성

이전 게시물에서 속성에 대해 이야기했지만 이러한 속성은 무엇입니까? 시작하려면 다음을 알아야 합니다.

속성을 전달해야 하는 요소가 있습니다. 그 대표적인 예가 <img> 태그일 것입니다. 이것은 자동으로 닫히지만 유효하려면 속성이 있어야 합니다.

<img src="">

항상 초기 태그에서 시작해야 합니다.

문자열 속성 값만 따옴표로 묶어야 합니다.

유효한 예:

<img width=100 height=100 src="...">

잘못된 예:

<img width=100px height=100px src="...">

"소문자"속성을 사용하는 것이 좋습니다.

속성의 예는 다음과 같습니다.

 <a href="put here your link">Oh yeah 😊</a>

콘텐츠 형식 지정

내 코드는 어떻게 생겼습니까? 어떻게 합니까? HTML을 사용하면 누구나 이해하기 쉬운 실제 시각적 형식을 만들 수 있습니다. HTML 모양을 완벽하게 만드는 첫 번째 단계는 단어를 굵게, 기울임꼴 등으로 강조 표시하는 것입니다. html은 이것을 어떻게 사용합니까? 글쎄, 태그를 통해! 다른 이유는 무엇입니까?

여기에 몇 가지 태그가 있습니다.

<b> - Bold text
<strong> - Important text
<i> - Italic text
<em> - Emphasized text
<mark> - Marked text
<small> - Smaller text
<sub> - Subscript text
<sup> - Superscript text

<STRONG> 대 <B> :

b와 strong 태그는 시각적 의미가 동일하지만, strong이 b보다 체세포적이기 때문에 Google은 strong 태그보다 항상 더 중요합니다. <strong> "대담한 스타일"을 갖는 것보다 "강력한 중요성"을 갖는 데 더 많이 사용됩니다.

<나> 대 <EM> :

em 요소는 일반적인 "기울임꼴"요소가 아닙니다. 때로는 텍스트가 다른 분위기나 목소리에 있는 것처럼 단락의 나머지 부분과 눈에 띄도록 의도됩니다. 이를 위해서는 <i> 요소가 더 적합합니다.

** 사용 예 **

<i><abbr title="Generic Universal Role Playing System">GURPS</abbr></i>, <b>Steve Jackson Games'</b> flagship role-playing game, was first released in 1985. Several licensed adaptations of other companies' games exist for the system, such as <i>GURPS Bunnies and Burrows.</i> However, <b>SJ Games</b> has no connection with <b>Wizards of the Coast</b>, producers of the <i>Dungeons and Dragons</i> RPG. <em>No <i>GURPS</i> content is open-source.</em> <strong>Do not plagiarize <b>SJ Games</b> work!</strong>

코멘트

마지막으로, 저는 항상 댓글과 문서에 대한 이야기를 마무리하는 것을 좋아합니다. 예 😆 날 죽이지 마세요 🤓, 모든 개발자가 자신의 코드를 문서화해야 하는 것을 싫어한다는 것을 알고 있지만, 미래에는 아무 것도 이해할 수 없을 것이라고 확신합니다. 주석은 일상 생활에서 정말 중요합니다. 작성 방법만 아는 것이 아니라 다른 개발자의 주석을 이해하는 방법과 코드를 팀 소프트웨어 요구 사항은 다음 예를 참조하십시오.

<!--------------- comment --------------------->

아 😞 이것으로 오늘의 포스팅을 마칩니다만, 걱정마세요~ 작은 선물이 있어요! HTML의 마스터가 되는 데 필요한 모든 태그가 포함된 치트시트가 포함된 치트시트는 다음 게시물에서 이 치트시트를 다운로드할 수 있도록 허용합니다. 제발 잊지 말아 줘:

You must be your own best version 🥳.