HTML5 태그 구분
[태그 정리 모음]
https://opentutorials.org/course/1058/4841
https://www.w3schools.com/tags/
· line 요소 태그(컨텐츠 요소 만큼 점유)
-a, input, img...
· block 요소 태그(한행 전체를 점유)
- p, div...
· - 스페이스
· & + ctrl + space - 특수문자
· <pre> - 프로그래머가 입력한 그대로 표시되는 태그
· ctrl + shift + /(<!-- -->) - 주석처리
· <image>, <br>, <hr> - 종료태그가 없다.
· <hr> - 수평선 그릴 수 있다.
· < - <
· > - >
소스
이 텍스트는 일반입니다.<br>
<b>이 텍스트는 bold입니다.</b><br>
<strong>이 텍스트는 strong입니다.</strong><br>
<i>이 텍스트는 italic입니다.</i><br>
<em>이 텍스트는 emphasized입니다.</em><br>
<code>이 텍스트는 code입니다.</code><br>
<sub>이 텍스트는 subscript입니다.</sub><br>
<sup>이 텍스트는 superscript입니다.</sup><br>
실행결과
- 이 텍스트는 일반입니다.
- 이 텍스트는 bold입니다.
- 이 텍스트는 strong입니다.
- 이 텍스트는 italic입니다.
- 이 텍스트는 emphasized입니다.
이 텍스트는 code입니다.
- 이 텍스트는 subscript입니다.
- 이 텍스트는 superscript입니다.
· Semantic Web : 의미가 잘 드러나는 웹
<header> </header> : 제목
<nav> </nav> : 웹사이트를 탐색하는데 사용되는 정보라는 것을 기계들도 알 수 있도록 약속해놓은 태그
<article> </article> : 본문 내용
'SK고용디딤돌' 카테고리의 다른 글
직무교육 5일차(CSS) (0) | 2017.07.14 |
---|---|
직무교육 4일차(CSS) (0) | 2017.07.13 |
직무교육 3일차(CSS) (0) | 2017.07.12 |
직무교육 2일차(HTML) (1) | 2017.07.11 |
SK고용디딤돌 1, 2주차 후기 (0) | 2017.07.08 |