포매팅/하이퍼링크

포매팅: 독자의 주의를 요소의 콘텐츠로 끌기 위한 용도

다른 애들에 비해 더 의미를 둠 

 

<b>

요약키워드 

글씨가 굵게 나타남

리뷰의 제품명, 특별한 중요성을 가지고 있지는 않지만 굵게 표시할 부분에 사용

특정부분을 강조해야함. 문단 전체를 b 태그로 묶지 못함 -> 전체 문단에 css를 사용해야함

---

<strong>

높은 중요도 요소 

글씨가 굵게 나타남

<b> 와 다르게 더 중요한 점을 강조할때 사용함

---

<i>

텍스트가 기울어지게 표현됨

주위와 구분해야하는 부분에 사용

ex. 기술용어, 외국어구절. 등장인물의 생각 등

단순히 글자가 예뻐보이려고 사용하면 x -->css 활용

---

<em>

텍스트가 기울어지게 표현됨

텍스트의 강세를 나타냄. 

---

<mark>

 

맥락의 관련이 깊거나 중요해서 하이라이트(형광펜) 부분을 나타냄.

 

인용문 <q>나 <blockquote>에서는 별도 표시가 없어 특별히 봐야 하는 부분 또는 특별히 중요하다고 생각하진 않았으나 주시해야 할 필요가 있

는 부분을 표시. 

 

 

 

 

 

---

<small>

덧붙이는 글이나 저작권과 법률 표기 등의 작은 텍스트 

<p>보다 더 작은 글씨

---

<sup> 위첨자요소  p에 동그라미가 위에 있으니까 위첨자 라고 생각하기

지수같은 것들을 표현할때 사용

영어, 스페인어 등 위첨자로 표기한 언어별 특정 텍스트를 사용해 축약할 수 있음.

 

 

 

 

 

 

 

 

---

<sub> 아래첨자요소

각주나 수식 표현할때 

 

 

 

 

 

 

 

---

<del>

삭제된 것을 표현할 때 사용 

문서나 소스 코드와 변경점 추적 등에 사용할 수 있다. 

<ins>

문서에 추가된 텍스트의 범위를 나타냄.

 

 

 

 

 

특성 

<cite> 회의록, 이슈 추적 시스템의 티켓 번호 등 변경점을 설명하는 리소스의 URL 

<detetime> 변경이 발생한 일시. 유효한 날짜 문자열이어야 하며 시간을 지정할 경우 유효해야함. 

---

<code> 인라인 코드 요소 

코드 작성한 것을 보여줄때 

<pre> 와 비슷하긴 하지만 블록요소이고 <code>는 인라인 요소임.

여러줄의 코드를 나타내려면 <pre>로 감싼 후 <code> 요소로 나타내는게 좋음.

---

<kbd> 키보드 입력 요소 

키보드에 있는 것을 보여줌

 

 

 

 

 

 

 

---

<a> 하이퍼링크 

앵커 요소 

닻, 어떤 특정한 위치에 닻을 내려서 다른 위치에서도 그곳(다른웹페이지나 특정 위치) 으로 이동할 수있게끔 함. 

 

목적지를 href 를 통해서 위치를 알려줌

Mozilla를 클릭하면 http://www.mozilla.com 웹사이트로 이동

 

href 하이커링크가 가리키는 url 

 http 나 https 가 있는 url이 아니어도 됨. 

어디에 있던 이 페이지로 이동 가능한게 절대경로 

현재 위치에 있는 페이지에서 다른 특정 페이지로 이동하게 한다면 상대경로 

컴퓨터에 이메일(mailto":~~")  전화(tel:"~~") 프로그램이 있다면 프로그램을 이용하여 이메일을걸거나 전화를 걸수도있음. 

 

<target> href를 통하여 위치를 알려준것을 어디에 띄울 것인지 알려줌. 

• _self: URL을 현재 브라우징 맥락에 표시합니다. 설정을 안해놔도 기본값이기 때문에 명시해줄 필요는 x 
• _blank: URL을 새로운 브라우징 맥락에 표시. 보통 새 탭이지만, 사용자가 브라우저 설정을 통해 새 창으로 바꿀 수 있습니다.        a half="https://www.mazilla.com" target="_blank">Mozilla</a>

---

<entity>

html에서 문자 <,> &와 같은 특수문자 (예약어)를 사용하고 싶은 텍스트에 포함하고 싶을 때 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

스페이싱 

&nbsp;

 

 

 

 

entity 찾아 볼때 구글에 w3c entity 라고 검색하면 여러가지특수문자 나옴!