○ Character Entity References
▷ 특수한 문자들을 표현하기위해 사용하는 방법.
▷ 약어, 10진수, 16진수로 표현가능
▷ dev.w3.org/html5/html-author/charref
○ Horizontal rule
▷ 가로로 줄을 그음.
▷ CSS의 역할이기때문에 사용을 권장하진 않음.
○ 첨자 (<sup> ~ </sup> / <sub> ~ </sub>)
▷ 윗첨자 (sup) 또는 아랫첨자 (sub)를 추가함.
○ 취소선 (<del> ~ </del>)
▷ 해당 내용에 취소선을 그음.
○Image (<img>)
▷이미지를 표시함
▶속성(attribute)
▷src : 이미지 소스
▷width : 이미지 너비
▷height : 이미지 높이
▷alt : 이미지 설명 (웹접근성을 위함)
▷void elemene임
※void element
▷마크-업 텍스트를 가지지 않고 속성만 가지는 요소.
▷4.0에서는 < ~~ />가 기본
※이미지를 링크로 사용
| List (0) | 2020.09.14 |
|---|---|
| Special Characters, Horizontal Rules, 첨자, 취소선 (0) | 2020.09.14 |
| Linking, Strong (0) | 2020.09.14 |
| Heading (0) | 2020.09.14 |
| 기본과 Head, Body (0) | 2020.09.14 |
○ Linking <a> ~ </a>
▷ 다른 리소스를 참조하거나 연결하는 하이퍼링크
▷ 하이퍼링크는 기본적으로 밑줄이 그어져 있거나, 파란색으로 표시된다.
▶속성(attribute)
▷ href : 이동할 주소
▷웹페이지 주소 (이동)
▷파일 (다운로드)
▷download : 다운로드 파일 명 지정.
▷이메일 주소 (메일 보내기)
▷내부 링크 - #id (페이지 내 이동)
▷title : 링크에 대한 부가 정보.
▷ 내용은 표시되는 이름을 나타낸다. (이미지 등도 가능)
○ Strong (<strong> ~ </strong>)
▷ 내용을 강조하기위한 태그로, 볼드체로 표시한다.
※ bold, em
▷bold (<b> ~ </b>) : 볼드체로 표시하기 위한 물리적 태그
▷em (<em> ~ </em>) : 내용의 단순강조를 위한 태그로, 기울어진 글씨(이탤릭)으로 표시한다.
| Special Characters, Horizontal Rules, 첨자, 취소선 (0) | 2020.09.14 |
|---|---|
| Image (0) | 2020.09.14 |
| Heading (0) | 2020.09.14 |
| 기본과 Head, Body (0) | 2020.09.14 |
| HTML5 개념 (0) | 2020.09.13 |
○ Heading
▷ HTML5에서 기본적으로 제공하는 요소로, 정보의 상대적 중요성을 나타내기위해 글자 크기에 차별을 둔 것
▷ h1 (가장 큼) ~ h6 (가장 작음)까지 있으며, 기본적으로 문단 취급이다.
▷ 세부적인 크기는 CSS의 영향을 받는다.
| Special Characters, Horizontal Rules, 첨자, 취소선 (0) | 2020.09.14 |
|---|---|
| Image (0) | 2020.09.14 |
| Linking, Strong (0) | 2020.09.14 |
| 기본과 Head, Body (0) | 2020.09.14 |
| HTML5 개념 (0) | 2020.09.13 |
○ Document Type Declaration (문서 유형 정의)
▷HTML 문서 버전을 선언하는 내용.
○ 주석
▷<!-- 내용 -->
○ Head 영역 (<head> ~ </head>)
▷웹페이지에게 부가적인 정보(인코딩, 제목 ...)를 알려줌.
○ Body 영역 (<body> ~ </body>)
▷ 웹페이지의 내용이 담겨있는 영역
※시작태그, 끝태그
▷HTML5문서의 대부분의 요소는 시작태그에서 끝태그까지를 범위로 한다.
▷<> ~ </>, 이런식으로 끝태그에는 /가 붙는다.
▷시작태그와 끝태그로 둘러쌓인 요소를 nested element라고 한다.
○Title Element (<title> ~ </title>)
▷탭의 이름을 나타낸다.
▷몇몇 검색엔진에서는 이를 검색에 사용한다.
○Paragraph Element (<p> ~ </p>)
▷한 문단을 표시하는데 사용된다. (문단과 문단사이는 구분된다.)
| Special Characters, Horizontal Rules, 첨자, 취소선 (0) | 2020.09.14 |
|---|---|
| Image (0) | 2020.09.14 |
| Linking, Strong (0) | 2020.09.14 |
| Heading (0) | 2020.09.14 |
| HTML5 개념 (0) | 2020.09.13 |